Вот мы и рассмотрели все основные элементы в CSS, для закрепления и удобства пользования ниже приведелы все основные элементы и их правильно правописание:
body{padding:0; margin:0; font:12px cambria, Arial; color:#222; text-align:justify; background:#e8e8e8 url(../images/bg.jpg) center top no-repeat}
a{text-decoration:none; cursor: pointer; color:#000}
img {object-fit: cover; border-radius:5px}
header {position:relative; margin:0 0 5px 0; padding:0; height:250px}
.shortstory {height:50px; width:858px; font-size:14px; border:#666 1px solid;padding: 5px;}
.fullstory h1 {margin:0; padding:10px; font:bold 22px cambria, Arial; border-bottom:#7e7e7e 1px dotted;}
.fullstory table {width:850px; border-collapse:collapse; margin:5px;}
.fullstory table tr:nth-child (2n){background:#D6D6D6}
.fullstory table td {padding:10px 10px; border:1px solid #eee; line-height:15px; }
.fullstory table tr:nth-child (2n){background:#D6D6D6}
.fullstory table td {padding:10px 10px; border:1px solid #eee; line-height:15px; }
.pravo { float:left; background:#777; width:300px; height:250px}
.news {background:#fff; margin:0px 10px 5px 10px; width:870px; float:left}
.ico:hover {opacity:1}
.ico2 {background-position:-20px 0; }
.ico3 {background-position:-40px 0; }
.ico4 {background-position:-60px 0; }
.ico5 {background-position:-80px 0; }
.ico2 {background-position:-20px 0; }
.ico3 {background-position:-40px 0; }
.ico4 {background-position:-60px 0; }
.ico5 {background-position:-80px 0; }
Все эти элементы взяты с написания этого сайта)))
- Основы CSSВсе статьи по теме:
- Что такое CSS
- Как подключить таблицу CSS к документу HTML
- Синтаксис CSS
- Фон и цвет в CSS
- Шрифты в CSS
- Текст в CSS
- Списки в CSS
- Ссылки в CSS
- Типы селекторов в CSS
- Блоковая модель в CSS
- Рамки в CSS
- Поля и отступы в CSS
- Высота и ширина в CSS
- Позиционирование блоков
- Плавающие блоки
- Слои в CSS
- Заключение, правильное написание, образцы.