Практика по Каскадным стилевым таблицам

Строчные боксы

  • не имеют своей ширины
background:#FAFAFA none repeat scroll 0 0; border:1px dashed #000000; margin:10px; padding:10px; width:1000px; height:100px;




padding:10px; margin:50px; width:100px padding:50px; margin:10px;
Мы собираемся опубликовать pdf-версию этой статьи, так что подпишитесь на наш RSS канал (Smash Magazine RSS) , чтобы следить за обновлениями. Возможно, вам будет интересно прочесть нашу статью 53 CSS-Techniques You Couldn’t Live Without которая даст вам базовый набор техник CSS кодинга. Часто нет необходимости задавать значение какого либо свойства, потому что есть значение по умолчанию. Некоторые любят делать Global white space reset 4, обнуляя отступы и поля всех элементов в самом начале файла стилей. Eric Meyer’s Global Reset5, Christian Montoya's initial CSS file 6, Mike Rundle's initial CSS file 7, Ping Mag's initial CSS file 8. [Roger Johansson 9]

Блочные боксы (или просто «блоки»)

background:#FAFAFA none repeat scroll 0 0; border:1px dashed #000000; margin:10px; padding:10px; width:1000px; height:100px;

Мы собираемся опубликовать pdf-версию этой статьи, так что подпишитесь на наш RSS канал (Smash Magazine RSS) , чтобы следить за обновлениями.

Возможно, вам будет интересно прочесть нашу статью 53 CSS-Techniques You Couldn†t Live Without которая даст вам базовый набор техник CSS кодинга.

Часто нет необходимости задавать значение какого либо свойства, потому что есть значение по умолчанию. Некоторые любят делать Global white space reset 4, обнуляя отступы и поля всех элементов в самом начале файла стилей. Eric Meyer’s Global Reset5, Christian Montoya's initial CSS file 6, Mike Rundle's initial CSS file 7, Ping Mag's initial CSS file 8. [Roger Johansson 9]

Свойство text-align, которое бывает left, right и center,  задается не для самих строчных боксов, а для того блока, в котором они лежат. Для выравнивания текста в меню, сделанное списком ссылок лучше применять свойство line-height .
Validated by HTML Validator (based on Tidy)