Въведение в CSS
Каскадни таблици за стилове, което е по-добре известен като CSS, е много прост дизайн, който се използва за превръщане на уеб страниците в много по-добра презентация. CSS ви позволява да поставяте стилове, за да персонализирате вашите уеб страници. Най-добрата част от използването на тази стилистична функция е, че CSS е независим от HTML начина на създаване на уеб страници. Основната разлика между езика за маркиране на хипертекста и каскадните таблици на стила е, че първият е известен главно, че предоставя структурен начин на пейзажа към уеб страницата, докато първият има за цел да осигури мощни техники за кодиране и стилизиране на цветовете. Използва се за контрол на оформлението на повече от една уеб страница наведнъж. Всички външни таблици стилове се съхраняват под формата на CSS файлове.
Основни компоненти на CSS
В горния раздел ние проучихме за Въведение в CSS, Така че сега продължаваме с основните компоненти на CSS са както следва:
1. Лесно поддържаеми: Ако имате намерение да направите някаква глобална промяна, просто променете стила и можете да видите всички други елементи във всички други уеб страници да се актуализират автоматично.
2. CSS спестява време: Можете просто да напишете скрипта веднъж и да използвате отново същия лист толкова време, колкото искате.
3. Превъзходни стилове към родния преден край: CSS има сравнително много по-широк набор от атрибути и списък, ако се сравнява с HTML. Следователно HTML страницата може да има по-ярък вид и усещане, ако се сравнява с нормалните HTML атрибути.
4. Лекота с търсачките: CSS се счита за много удобен и лесен за четене лист за стайлинг. Това означава, че търсачките не трябва да полагат много усилия в опит да прочетат текста.
5. Ефективно съхранение на кеш: CSS може да се използва за съхраняване на уеб приложения локално с помощта на офлайн кеш механизъм, който може да се използва за преглед на офлайн уебсайтовете.
Характеристики на CSS
Докато обсъждахме въвеждането на CSS и неговия компонент. сега ще научим за характеристиките на CSS. Основните характеристики на CSS включват правила за стилизиране, които се интерпретират от клиентския браузър и се прилагат към различни елементи в документа ви. Основните характеристики включват:
- Правило за стил се състои от компонент за избор и компонент за деклариране.
- Селекторът се използва за насочване към HTML компонента, който искате да получите.
- Вътре в блока за деклариране се съдържат една или повече декларации заедно със запетая.
- Всяка декларация, която се поставя, има име на свойство CSS, точка и запетая и стойност. Например цветът е свойството, а стойността е червен на цвят. Размерът на шрифта е свойството, а 15px е стойността.
- CSS декларацията завършва със запетая и тези блокове са заобиколени от къдрави скоби.
- CSS селекторите са тези, които се използват за намиране на HTML елементи, които се базират на името на елемента, id, атрибут, клас и други.
- Един уникален елемент ще бъде избран от идентификатора на елемент.
- Ако искате да изберете конкретния елемент с конкретен идентификатор, трябва да се използва функцията # заедно с атрибута id.
- Ако искате да изберете елементите с конкретен клас, трябва да се запише символът на периода, заедно с класа на име.
- Универсален селектор: Ако не се интересувате от избора на елементи от определен тип, универсалният селектор просто съвпада с името на елемента.
- Селектор на елементи: Тези селектори избират елемента въз основа на името на елемента.
- Селектор за низходящи : Когато определен елемент лежи вътре в друг елемент, тогава той се нарича като селектор за низходящи.
- Селектор на ID: Този селектор използва идентификатора на HTML елемента, за да може да бъде избран конкретен елемент.
- Класови селектори: Избира елемента с конкретен клас атрибут.
- Групиране на селектори: Ще бъде добра опция за групиране на селекторите така, че да се сведе до минимум кода. Всеки селектор заедно със запетая трябва да се използва за групиране на селекторите.
Приложения на CSS
След като научим Въведение в CSS и характеристиките на CSS, ще научим приложението на CSS. Има три начина за HTML достъп до CSS:
1. Вградена:
Лист в стил стил се използва само за да повлияе на маркера, в който е. Това по същество означава, че малките детайли на страницата могат да се променят, без да се променя цялостното оформление на страницата или всичко на страницата. Това е изгодно, сякаш имате всичко на външните страници, тогава ще трябва да добавите допълнителни маркери, за да промените детайлите. Вградени външни отклонения, което означава, че малките детайли могат да бъдат променени. Той също така отменя вътрешното.
2. Вътрешни:
Вътрешният ще бъде използван само когато искате да добавите малка промяна в единичния маркер. Това е така, защото вграденото засяга само един маркер, който се съдържа в него, докато вътрешният стил е поставен на главата на HTML документа. Това означава, че ако искате да персонализирате страницата, всички необходими промени ще се видят само с превъртане. Вътрешната стилистика е поставена вътре в маркерите. Сравнително това изглежда по-изрядно, просто, елегантно и организирано поради отделните стилизиране и маркиране.
3. Външни
Външните таблици на стилове се използват, за да позволят на хората да форматират и пресъздават своите уеб страници върху съвсем различен документ. Това на практика означава, че можете да имате две или повече работни места, тъй като повече от един лист стилове може да бъде вграден в документа, като по този начин ви осигурява много по-чисто работно пространство. Таблицата със стилове би била лесно достъпна в този случай, което е огромно предимство, но от друга страна, всички промени, направени във външния лист, биха засегнали всички родителски листове, към които е свързан.
Предимства и недостатъци на CSS:
Предимства на CSS
- Съвместимост на устройството
- По-бърза скорост на уебсайта
- Лесно поддържаеми
- Последователни и спонтанни промени
- Възможност за препозициониране
- Увеличава възможностите на търсачката за обхождане на уеб страниците
Недостатъци на CSS
- Проблеми, свързани с кръстосан браузър
- уязвим
- Проблеми поради множество нива
- Липса на сигурност
- раздробяване
Заключение - Въведение в CSS
CSS дава силата на уеб дизайнера, така че да могат да бъдат направени обширни промени в уеб оформлението на всички страници в един уебсайт, като се използва само един файл. Той помага при проектирането на светлина и креативен уебсайт с висока отзивчивост и който впечатлява публиката при показване. Следователно тя е неразделна част от уебсайтовете днес, която не бива да се пренебрегва.
Препоръчителни статии
Това е ръководство за Въведение в CSS. Тук сме обсъдили основните компоненти, характеристики, предимства и недостатъци на CSS. Можете също да разгледате следните статии, за да научите повече -
- Въпроси и отговори за интервю за CSS
- Въведение в GIT
- Въведение в PHP
- Въведение в JavaScript