Как ими пользоваться?
Пользоваться CSS стилями легко. Нужно всего чуточку знания английского языка и тогда CSS стили для вас будут очень простыми. По сути каждый стиль называется прямо, то есть если это color, то это цвет, если это shadow, то это тень и так далее.
Стиль назначается определенному классу или id (class или id)
Вы пишите стиль допустим для класса block. Написали стиль, а затем подключаете этот класс к HTML тегу. Рассмотрим на примере.
Вам дана картинка в HTML
Код HTML:
<img src="картинка.png">
Вы пишите в CSS стиль таким образом:1) Для классов
Код HTML:
.image { border: 3px; border-color: black; border-radius: 10px }
2) Для id
Код HTML:
#image { border: 3px; border-color: black; border-radius: 10px }
3) Для самого тега(будь то: a, img, p, li, ul, ol и так далее)
Код HTML:
img { border: 3px; border-color: black; border-radius: 10px }
Код HTML:
a { border: 3px; border-color: black; border-radius: 10px }
Код HTML:
ul { border: 3px; border-color: black; border-radius: 10px }
, где border: 3px – толщина рамки 3пикселя; border-color: black – цвет рамки черный; border-radius: 10px – скругление углов 10 пикселей.
А затем этот стиль подключаем к HTML коду.
Та же картинка:
1) Для класса
Код HTML:
<img class="image" src="картинка.png">
2) Для ID
Код HTML:
<img id="image" src="картинка.png">
3) Для самого тега html код не изменяется
Код HTML:
<img src="картинка.png">