diff --git a/guide/english/css/css-images/index.md b/guide/english/css/css-images/index.md index 236e15002f..e89e32e319 100644 --- a/guide/english/css/css-images/index.md +++ b/guide/english/css/css-images/index.md @@ -2,20 +2,20 @@ title: CSS Images --- ## CSS Images -This helps in adding an image to a website. CSS can handle images like JPG, PNG or other raster format. There are two types images: plain images which are sometimes referenced with a url, and dynamically generated images which are generated by some element. +This helps in adding an image to a website. CSS can handle images like JPG, PNG or other raster format. There are two types images: plain images which are sometimes referenced with a url, and dynamically generated images which are generated by some element. #### Code Sample ```Picture``` -* **src:** It consists of the value of the path to the required image -* **alt:** If the image is not displayed then an alternate text can be displayed using alt attribute. -* **width:** This specifies a width for the image(can be percent or px or auto) -* **height:** This specifies a height for the image(can be percent or px or auto) +* **src:** It consists the value of the path to the required image. +* **alt:** This is a text description of the image and is useful if the image cannot be viewed by a visitor. It also allows the image on your page to rank in image search results for search engines such as Google. +* **width:** This specifies a width for the image(can be percent or px or auto). +* **height:** This specifies a height for the image(can be percent or px or auto). #### CSS Defaults -The `img` element will be rendered by default in most browsers to be displayed as an inline-block display type unless specified otherwise. +The `img` element will be rendered by default in most browsers to be displayed as an inline-block display type unless specified otherwise. ``` img { @@ -43,7 +43,7 @@ It is advised to change any one parameter, either height or width, to get a prop ##### Datatypes <image> <uri> - + ##### Image Sprites An image sprite is a collection of images put into a single image. A web page with many images can take a long time to load and generates multiple server requests.