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

Видео: Architecture Kata #1 - Разбор с экспертом [Как работает настоящий Solution Architect] #ityoutubersru

Съдържание

ключове
скоба
скоби
шеврони
CSS бележки
Позоваването
средства

Акронимът CSS идва от английските "cascading style sheets" или "cascading style sheets". CSS дава по-голяма степен на художествен и дизайнерски контрол на уеб разработчиците и дизайнерите чрез разделяне на съдържанието от параметрите на дисплея. CSS операторите се поставят в заглавната част на уеб документ и след това се показват в тялото на уеб страницата чрез скоби - {}. Вътре в скобите са скобите - () - или скоби - [] - които обозначават други CSS елементи.

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

ключове

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

div # example {подложка: 5px; марж: 20px; ширина: 350px; }

скоба

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

цвят: rgb (128, 128, 255); снимка: url ("/ images / bg.png")

скоби

Скобите - [] -, известни като селектори на атрибути, се използват за определяне на стойности на атрибути на даден елемент. Имаше четири различни стойности в CSS2 и бяха добавени три, но с CSS3. Четирите оригинални селектора определят присъствието на атрибута - [title], съответстващ на всеки елемент, който има определен атрибут "title"; простата стойност на атрибута - input [type = "send"], съответстваща на всеки входен елемент, чийто тип атрибут е равен на "send"; стойността на атрибута на списъка - p [class ~ = "literary"], съответстваща на параграфи, чийто клас атрибут е списък от думи, разделени с интервали, едното от които е "литературно"; и частична стойност на атрибута - [href ^ = "http:"], което съответства на елементите на връзката, чиято стойност на атрибута започва с „http:“. Скобите не се използват много преди въвеждането на Internet Explorer 7, тъй като IE6 не ги разпознава.

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

шеврони

Селекторите и разделите на основния език за маркиране на хипертекст (HTML) и документите на разширяемия език за маркиране (XML) се ограничават със заострени скоби, известни като шеврони , Те също представляват детски елемент на някои CSS елементи. В CSS, "селектор за деца" се състои от два или повече елемента, разделени от ">". Те обозначават определени дефинирани секции на уеб страница: тялото, което е видимата страница; слоевете, които могат да бъдат подредени като листове хартия един върху друг; или титруване, което означава определени обекти или дати, известни като "микроформати".

CSS бележки

Отделени от CSS скоби, но все още ценен организационен инструмент за сложни CSS оформления, те са стилови бележки. Това са коментари, които не добавят нищо към HTML кода и следователно не увеличават времето за зареждане на страниците; те осигуряват кратко описание на дълги и сложни CSS. Бележките в CSS се поставят в собствения им атрибут - / * - като този:

/ Всеки коментар се съдържа в сегменти, ограничени от наклонена черта и звездичка. /

Те могат да бъдат изключително ценни, за да ви помогнат да навигирате в раздели на каскадни стилови листове.

CSS може да ви помогне да проектирате страници за различни размери на екрана, без да създавате отделни оформления (Comstock / Comstock / Getty Images)