Анотация: Целта на лекцията предоставя основна информация за синтаксиса на CSS, основните методи за прилагане на CSS в HTML. Той също описва основните селектори, псевдо-класовете и псевдо-елементи, адреси на такива основни понятия като CSS наследство и каскаден.
синтаксис CSS
Има няколко различни селектори, всяка от които съответстват на различните части на оформлението. Четирите най-често срещаните универсални селектори са селектори. селектори елементи селектори клас селектори и документи за самоличност.
Универсални селектори. Универсални селектори ни позволяват да се прилага стайлинг директно към всички елементи на страницата. Например, следното правило определя граничната дебелина 1 пиксел за всеки елемент на страницата, твърдо вещество:
Селектори елементи. За да се определи информацията за представяне на повечето правила HTML стилови елементи се използват като селектори, имената на тези елементи. Например,
общо по-горе ще се прилага за всички елементи
...
.Клас селектори. Спомнете си, че HTML 4.01 спецификация предвижда всички елементи на клас персонализиран атрибут. специален начин, който позволява на някои от структурните елементи, посочени в документа, например
Cascading Style Sheets ви позволяват да използвате като селектор стойност на атрибута клас. имената на класовете в селектори са предшествани от точка и уточнени след имената на елементите:
В този пример правило стил ще се прилага само за тези елементи
...
. клас атрибут, който е на стойност важно.Cascading Style Sheets също позволява използването на имената на класовете в селектори, без да уточнява имена на елементи:
Тези правила за стил ще се прилагат към всички елементи, които имат клас атрибут с определена стойност.
селектор ID. В допълнение към класове, HTML спецификация изисква всички елементи на друг специален атрибут номер. чрез която уникалния идентификатор може да се възлага на всеки елемент. например:
Основната разлика между идентификатори на класовете е, че всяка стойност на атрибута трябва да е уникална. Документи за самоличност в селектори са определени след имената на елементите и се предхождат от символа #:
Това правило стил ще се прилага за един случай на елемента
Можете да свържете множество селектори да се определят още по-специфични правила. Например, записване
Свързани статии