Начални стъпки в CSS

Начални стъпки в CSS

Какво е CSS?

CSS е съкращение от Cascading Style Sheets Езикът се използва за улеснение при изготвяне на уеб страница. Първоначално HTML таговете били създадени за да определят съдържанието на страниците – т.е. да кажат на браузъра “Това е заглавие” или “нов параграф”, като използват таговете

,

. Но браузърите продължили да добавят нови тагове като   и атрибути като color, така станало по-трудно да се правят сайтове, поради многото навлезли тагове. За да бъде разрешен този проблем World Wide Web Cosortium (W3C) – хората, отговарящи за стандартизирането и уеднаквяването на HTML таговете, създали STYLES (стилове), като добавка към HTML

Синтаксис в CSS

Синтаксисът е разделен на 3 части:

selector {property: value}
селектор {атрибут: стойност}

Ако искаме текстът в параграфите, да са в червен цвят пишем:

p {color:#008000}

Можете да зададете един селектор за няколко тага:

h1,h2,h3,h4,h5,h6
{color:#008000
}

Можете да зададете клас към селектора за да уточните, че става въпрос само за един единствен таг или поне тези тагове със същия клас /class/

p.right {text-align:right}
p.left {text-align:left}

след това може да използвате този клас така

 class="left">Здравей свят

Можете да зададете един клас, който да бъде използван в няколко тага:

.center {text-align:center}

След което класа може да бъде използван в различни тагове:

 class="center">Здравей свят
class="center">Здравей свят

class="center">Здравей свят

 

Коментарите в CSS

Aко са на 1 ред с

//подсказващ текст

Aко са на два реда с

/* подсказващ текст..
...................*/

Въвеждане на CSS в уеб страница

Има 3 начина за въвеждане на CSS.

1. Външен файл

В един файл се пишете само CSS кода този файл е с разширение css и е нещо такова style.css
След това между таговете и вкарвате този ред

 href="style.css" rel="stylesheet" type="text/css" />

2. Въвеждане на кода направо в уеб страницата си

Става по следния начин:

<style type="text/css">--
h1 {color: #008000}  p {margin-left: 10px}  body {background: #dddddd}
-->style>

CSS кодът се въвежда с тага style, като определяме style като CSS чрез type=”text/css” след това въвеждате CSS кода. Използваме знакът за коментар, зашото така по-старите браузъри, които не разчитат CSS игнорират кода.

3. Въвеждане на CSS директно в таговете

 style="text-align: center; color: #008000; font-family: arial;">
Оценка: 3 / от: 2 гласувал(и)
Коментари
Все още няма коментари. Бъди пръв и коментирай!
* Име:
* E-mail:
Сайт:
* Коментар:
* Въведете кода:
Изпрати Полетата отбелязани с * са задължителни!