Въведение в CSS командите
CSS обозначава каскадни таблици за стил. Използва се за описание на представянето на документа, който е написан на език за маркиране като HTML. Това прави работата по разделяне на презентацията и съдържанието, която включва различно оформление, цветове и шрифтове. Разделянето осигурява гъвкавост и контрол върху различните характеристики, които позволяват на множество уеб страници да споделят форматиране, като посочват съответните CSS. CSS спецификациите се поддържат от Световния уеб консорциум. В допълнение към това, той предоставя и специфични правила, които помагат при алтернативно форматиране, ако съдържанието се осъществява от мобилно устройство.
Основни CSS команди
1. Синтаксис на CSS: Има набор от правила, които трябва да се спазват в CSS командата. Наборът от правила за CSS се състои от селектор и блок за деклариране. Селекторът се използва, за да посочи HTML елемента, който потребителят би желал да стилизира. Блокът за деклариране може да съдържа една или повече декларации, които могат да бъдат разделени с точка и запетая. Всяка декларация трябва да включва име на свойството със стойността му и тези, разделени с колони.
2. Селектор на ID : Селекторът на ID може да използва идентификатора на атрибут на HTML елемент и да помогне при избора на конкретен елемент. Използва се за избор на един уникален елемент и този елемент трябва да бъде уникален за тази страница. За да изберете елемент с определен идентификатор, се използва '#' и това е последвано от идентификатора на този елемент.
3. Клас селектор: За да изберете определен атрибут на клас, селекторът на класове се използва за избор на елементите от този клас. За да се използват елементи в определен клас, се използва знак (.). Следва името на класа. С това, ако потребителят иска да се използват само конкретни елементи, тогава само тези могат да бъдат определени от клас.
4. Групиране на селектори: Има моменти, когато елементите имат еднакви дефиниции за стил. По-добрата възможност е да ги групирате заедно и да сведете до минимум кода. В групата потребителят на селектора може да използва запетая и да отделя всеки селектор
5. Коментари: Тези CSS команди са препоръчително да се използват при писане на код. Те дават яснота какво прави кодът и помага на вас или някой друг, който е нов в кода, да работи над него съответно. Коментарите се игнорират от браузърите. CSS коментар започва и завършва с / * * /.
6. Дисплей: Блок - Много HTML елементи са зададени на този режим на показване. По подразбиране елементите на ниво блок заемат толкова място и те не могат да бъдат поставени на същата линия с никой друг режим на показване. Възможно е да придобиете възможността да променяте височината и ширината на елемента според вашето желание.
7. Цветове в CSS: В тези CSS команди цветовете могат да бъдат посочени във формула RGB. Всеки параметър определя интензитета на тези цветове и дефинира нов цвят. Например, за да се покаже черно, всички параметри на цвета трябва да бъдат зададени на RGB (0, 0, 0).
8. Цвят на фона : Свойството цвят на фона определя цвета, който трябва да бъде зададен за фона на елемент. Цветът лесно може да бъде определен чрез даване на име на цвят, чрез добавяне на шестнадесетична стойност или чрез задаване на RGB стойност
9. Фоново изображение: фоновото изображение може да бъде зададено към всяко конкретно изображение по ваш избор. След като изображението е зададено, то се повтаря и покрива целия елемент.
10. CSS Margins: CSS Command има различни свойства на полетата, които могат да помогнат за създаването на пространство около различни елементи, а също така определя тези външни граници. CSS може да има свойства като margin-top, margin-right, margin-bottom и margin-left.
Междинни CSS команди
1. Селектори за клас и ID: В допълнение към HTML маркера потребителят може да дефинира собствени селектори, които могат да бъдат под формата на клас или ID. Основната употреба на тях е, че можете да имате един и същ HTML елемент и да го представите по различен начин въз основа на идентификатора или класа, който е необходим.
2. Псевдоклас: Тези класове се използват за уточняване на определено състояние или връзка към даден селектор. Тези класове могат също да приемат формата на селектор: pseudo_class (свойство: стойност; ). Този клас се дефинира чрез просто даване на двоеточие между селектора и псевдокласа.
3. Форматиране на текст: Добавените текстове могат да бъдат персонализирани и форматирани чрез използване на свойствата за форматиране. Цветът може да бъде променен с помощта на ключовата дума "цвят". Така може и подравняването на текста. Като използвате текстови декорации, декорациите могат да се задават и премахват. Трансформациите могат да се правят по отношение на случаите.
4. CSS шрифтове: Шрифтовете в CSS имат различни семейства като родово семейство и семейство шрифтове. Семейството на шрифтовете е семейство от текстове. Родовото има група от семейства с подобен вид и шрифт, една с определен шрифт.
5. Икони: Като използвате библиотеката с икони и добавите името на посочените икони от клас икони, можете лесно да се използват в CSS.
6. Таблици: CSS може също така да показва таблици и да помага при персонализиране с граници, тяхната ширина и височина. Използвайки ключови думи като 'граница', 'ширина' и височина, потребителят може лесно да има таблици на уеб страница.
7. Позициониране: Това свойство определя типа на метода за позициониране, който може да се използва за всеки елемент. Тази позиция може да бъде статична, относителна, неподвижна, абсолютна или лепкава.
8. Overflow: Това свойство помага за контролиране на съдържанието, което е твърде голямо, за да се впише в дадена област.
9. Float: Свойството float позволява на елемента да знае как трябва да плава. Той определя кои елементи могат да плават до изчистените елементи.
10. Непрозрачност: Това свойство определя непрозрачността или прозрачността на всеки елемент.
Разширени CSS команди
1. CSS закръглени ъгли: С помощта на свойството 'border-radius' на елемент може да се дадат заоблени ъгли. Можете също така да посочите конкретен ъгъл от четирите ъгъла и да направите промените според вашия избор.
2. Граници изображения : Можете да зададете изображение като рамка около всеки елемент. Това е възможно, като се използва свойството за изображение на рамка. Той взема изображението и го нарязва на девет секции и след това поставя ъглите в ъглите, а средните секции се повтарят или опъват.
Съвети и трикове за използване на CSS команди:
- Използвайте reset.css и нулирайте всички основни стилове.
- Използвайте краткосрочен CSS, за да имате по-кратък начин за писане на командни CSS кодове.
- Използвайте CSS инструменти за отстраняване на грешки, за да настроите, разберете и отстраните грешката в CSS стиловете на командите.
заключение
CSS командата ви помага да запазите информационното съдържание на документ отделно и помага за неговото показване. Той помага да се избегне дублирането, да се поддържа кодът лесно и да се използва едно и също съдържание с различни стилове.
Препоръчителни статии
Това е ръководство за CSS командите. Тук сме обсъдили основни, междинни, както и усъвършенствани CSS команди. Можете също да разгледате следната статия, за да научите повече -
- Най-добрите MySQL команди
- PL / SQL команди
- Как да използвате SQL команди
- Ъглови команди