CSS - Cascading Style Sheets
1.
h3{
color: green;
font-size: 20;
}
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Css ders 1</title>
</head>
<body>
<link rel="stylesheet" type="text/css" href="style.css">
<style>
h2{
color: blue;
}
</style>
<h1 style="color: red;">This is CSS lessons</h1>
<h2>This is Css lesson</h2>
<h3>This is Css lesson</h3>
</body>
</html>
2.
<!DOCTYPE html>
<html lang="en">
<head>
<style>
.menim{
color: green;
}
div, p{
color: red;
}
div p {
color: purple;
}
</style>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Css ders 1</title>
</head>
<body>
<div>CSS dersleri</div>
<p style="color: green;">Salamlar</p>
<p class="menim">Sagollar</p>
<p>Menim sehifem</p>
<div>
<p>sefqoz</p>
</div>
</body>
</html>
3.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Selectors</title>
</head>
<body>
<!--
selektor {
parametr: deyer;
}
Selektorlarin novleri:
1) Umumi selektor: * Butun HTML teqlerini secerek onlara stil verir.
2) Element selektor: Adini yazdigimiz HTML teqine muraciet ederek onun
stilini deyiwir.
3) ID selektor: Sadece 1 teqe mexsus ID-e muraciet ederek onun stilini
deyiwir. # iwaresi ile yazilir.
4) Class selektoru: Eyni class adli bir qrup teqe muraciet ederek
onlarin stilini deyiwir. . ile yazilir.
5) Child selektor: Stilini deyiwmek istediyimiz teq her hansi bawqa
teqin icindedirse bu zaman bu selektordan istifade edirik.
Element > Element
6) Descendant selektor: Stilini deyiwmek istediyimiz ic ice yerlewirse
bu zaman bu selektordan istifade ederek onun stilini dayiwirik.
Element Element
7) Umumi Sibling selektor: Istediyimiz teqden sonra gelen eyni cur teqlerin
hamisinin stilini deyiwir. Element ~ Element
8) Bitiwik Sibling selektor: Istediyimiz teqden sonra gelen ilk teqin
stilini deyiwir. Element + Element
9) Attribute selektor: Element[atribut] Sadece her hansi bir atributu olan
teqin stilini deyiwir.
10) Multiple selektor: Element, Element, Element... Stilini deyiwmek
istediyimiz teqleri ardicil wekilde vergulle yaziriq.
-->
</body>
</html>
4. Umumi selektor:
* {
color: red;
}
<!DOCTYPE html>
<html lang="en">
<head>
<link rel="stylesheet" href="CSS/style.css">
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<h3>Parvin Academy</h3>
<p>something something text text</p>
<h6>Dersler</h6>
<ol>
<li>HTML</li>
<li>CSS</li>
<li>Java</li>
<li>JavaScript</li>
</ol>
</body>
</html>
5.Element selektor:
Комментарии
Отправить комментарий