Тук са се регистрирали стилове за всички елементи стр (точки). Нека ги разгледаме:
- фон - задава цвета на фона. Цвят може да зададете име, код.
- ширина - ширината на блока. Тук е дадено в пиксели. Моля, имайте предвид, че надписа 250px извършва заедно. Ако устройството пише отделно от броя - това ще доведе до CSS бъг
- височина - височината на елемента.
Доста проста? Да! Стилът се определя във формата на имота: стойност. Край на линия означена с запетая.
Възниква въпросът, ако искаме да се създаде параграф елемент, който ще се различават по дизайн от други раздели? За да направите това, въведете име на елемента. Има два възможни начина:
- Присвояване елемент уникално име, което няма да се повтори в рамките на страницата и ясно описание на елемента. Такова име е наречен ID. Как да настроите ID:
Както е посочено на елементи от дизайна с идентификационен номер и клас? Нека разгледаме един пример:
Както можете да видите, да се позова на един елемент, който има идентификатор е необходимо в CSS пред името на идентификатора да постави знака #. За да зададете елементи стил класа, поставени пред името на точката за клас. Забележка #one и .two написана заедно.
Как да пишем селектори
- h2 -стил е описано по-долу е приложима за всички заглавия на второ ниво
- P - стилове се прилагат за всички раздели
- .един - стиловете прилагат за всички елементи с клас едно
- #four - стил е приложим за елемент с идентификатор = четири.
- p.one - стилове се прилагат раздели с един клас
- h2 # пет - стил се прилага само за заглавието на второ ниво с идентификатор равно на пет
Вижте примери за форматиране на текста с CSS могат да бъдат в следващия урок.
CSS - мощен инструмент за описване на правилата за проектиране, можете да въведете статичен дизайн, но също така и анимирате елементи HTML страница. Пример за анимацията може да видите тук.
Още статии:
Уроци по предния край и обратно края
Свързани статии