Объяснение этого кода CSS

Question

Мне нужно знать, что именно делает этот код .. или как это можно использовать. Обычно я использовал это, чтобы повторить изображение в качестве фона для меню. Нужно пояснить это ..

url("images/home_bg.jpg") repeat-x scroll 0 0 transparent 

Answer 1

Это сокращенная нотация для свойства background CSS. Сокращение - это плохая идея именно по этой причине: трудно понять, что к чему.

Длинная версия выглядит следующим образом:

background-image: url("images/home_bg.jpg"); 
background-repeat: repeat-x;     /* Repeat image horizontally */ 
background-attachment: scroll;    /* Whether image is fixed 
               or scrolls with page */ 
background-position: 0 0;      /* x position, y position */ 
background-color: transparent; 

Docs on the background properties

Answer 2

Это не HTML, это CSS. Он говорит использовать данное изображение в качестве фона, повторять его горизонтально, но не вертикально, начинать с 0,0 и делать его прозрачным (последнее относится к фону цвет, а не к изображению). Подробнее о CSS backgrounds на сайте W3C.

Answer 3

Вы можете прочитать об этих свойствах и более, на http://www.w3schools.com/css/css_background.asp.