Значение скобок в CSS

Видео: Функция calc() на CSS3, Вычисления значения на CSS, Видео курс по CSS, Урок 37

Содержание

ключи
круглая скобка
скобки
шевроны
CSS Notes
ссылки
средство

Аббревиатура CSS происходит от английских «каскадных таблиц стилей» или «каскадных таблиц стилей». CSS дает большую степень художественного и дизайнерского контроля веб-разработчикам и дизайнерам, отделяя контент от параметров отображения. CSS-операторы помещаются в заголовок веб-документа и затем отображаются внутри тела веб-страницы в фигурных скобках - {}. Внутри скобок находятся скобки - () - или скобки - [], которые обозначают другие элементы CSS.

CSS скобки используются внутри тела веб-документа (Comstock / Comstock / Getty Images)

ключи

Ключи являются основными элементами синтаксиса CSS. Они означают открытие и закрытие всех параметров CSS, содержащихся в них. Представленные как {}, они следуют за элементами CSS, которые означают изображение, положение, элемент отображения или любую комбинацию элементов. Ключи могут существовать внутри любого элемента / слоя div и всегда находятся внутри тегов "</ body>". Вот пример:

div # example {padding: 5px; поле: 20px; ширина: 350 пикселей; }

круглая скобка

Реляционные элементы, такие как проценты и цвета, заключены в круглые скобки. Скобки дают дополнительное определение элементам CSS. В версиях CSS до CSS3 круглые скобки могли определять элементы так же, как ключи. Два примера - это цветные (определяемые шестнадцатеричным кодом) и фоновые изображения соответственно:

цвет: rgb (128, 128, 255); image: url ("/ images / bg.png")

скобки

Скобки - [] -, известные как селекторы атрибутов, используются для обозначения значений атрибутов элемента. В CSS2 было четыре разных значения, но были добавлены три с CSS3. Четыре исходных селектора определяют наличие атрибута - [title], соответствующего любому элементу, который имеет указанный атрибут «title»; значение простого атрибута - input [type = "send"], соответствующее любому элементу input, тип атрибута которого равен "send"; значение атрибута списка - p [class ~ = "literary"], соответствующее абзацам, атрибут класса которых представляет собой список слов, разделенных пробелами, одно из которых является "литературным"; и частичное значение атрибута - [href ^ = "http:"], соответствующее элементам ссылки, значение атрибута которых начинается с "http:". До появления Internet Explorer 7 скобки использовались не очень часто, потому что IE6 их не распознавал.

Многие алгебраические символы используются в качестве элементов CSS (BananaStock / BananaStock / Getty Images)

шевроны

Селекторы и разделы документов базового языка гипертекстовой разметки (HTML) и расширяемого языка разметки (XML) разделяются точечными скобками, известными как шевроны , Они также представляют дочерний элемент некоторых элементов CSS. В CSS «дочерний селектор» состоит из двух или более элементов, разделенных шевроном «>». Они обозначают определенные определенные разделы веб-страницы: тело, которое является видимой страницей; слои, которые можно укладывать друг на друга как листы бумаги; или титрование, обозначающее определенные объекты или даты, известные как «микроформаты».

CSS Notes

Отдельные от скобок CSS, но все же ценный организационный инструмент для разработки макетов CSS, они являются примечаниями к таблице стилей. Это комментарии, которые ничего не добавляют в HTML-код и, следовательно, не увеличивают время загрузки страниц; они обеспечивают схему для длинного и сложного CSS. Заметки в CSS помещаются в их собственный атрибут - / * - вот так:

/ Любой комментарий содержится в сегментах, разделенных косой чертой и звездочкой. /

Они могут быть очень полезны для навигации по разделам каскадных таблиц стилей.