Standart Generalived Marnup Language sgml

CSS qoidalari rasmiy CSS tilida yozilgan. Qoidalar veb-hujjatning o’zida ham, tashqi ko’rinishi ular tasvirlab beradigan ham, shuningdek CSS formatiga ega tashqi fayllarda ham joylashtirilishi mumkin. CSS formati bu CSS qoidalari va ular haqidagi sharhlarni o’z ichiga olgan matnli fayl hisoblanadi.
CSS stillarini to’rtta usul bilan veb-hujjatga kiritilishi yoki joylashtirilishi mumkin.
JavaScript nima?
Bu savolga har xil javob berish mumkin. Bu dasturlash tili, to'g'rirog'i veb dasturlash tili, undan ham to'g'rirog'i klient(brauzer) tomonda ishlaydigan dasturlash tili, ya'ni bu veb dasturlash tili ishlashi uchun hech qanday server(Apache, ngnix) kerak emas, oddiy brauzerda(Javascript'da yozilgan kodlar) ishlayveradi.
Bu til nima uchun kerak?
Bu dasturlash tili orqali serverga so'rov jo'natmasdan, so'rovlarni(javascript kodlarini), ya'ni yozilgan kodlar natijasini, brauzerni ishga tushirgan holda olishingiz mumkin. Asosan interaktiv(dinamik) saytlar tuzish uchun kerak.
Yuqoridagi fikr nima degani?
Har xil turdagi veb dasturlash tillari mavjud, misol uchun, PHP, ASP, JAVA. Bu dasturlash tillari serverga murojaat qilgan holda ishlaydi. Misol uchun, siz arifmetik qo'shish amalini bajarmoqdasiz, yig'indini olish uchun, siz yozgan kod, veb serverga jo'natiladi, server bu kodni qayta ishlaydi va natijani sizga jo'natadi. Shu tariqa siz natijani olasiz, brauzer ham serverdan javob(natija) kelguncha aylanib yotadi. Bundan ko'rinib turibdiki, saytning(veb sahifaning) ishlash tezligi server sozlamalariga, servergacha bo'lgan masofaga, aloqa kabellariga va boshqa narsalarga bog'liq bo'lib qoladi. JavaScript'da yozilgan kodlar esa, hech qanday serverga murojaatni amalga oshirmaydi, shu sababli bu dasturlash tili kodlari brauzerni qayta yuklamasdan ishlayveradi.
*{
margin: 0;
padding: 0;
}
header{
width: 95%;
margin: 0 auto;
}
.ds1{
display: flex;
}
.ps1{
font-size: 60px;
padding: 5px;
font-weight:bold;
}
.ps2{
font-size: 35px;
margin-top: 25px;
}
.s1{
color: red;
}
.s2{
color: blue;
}
.s3{
color: yellow;
}
.s4{
color: rgb(44, 194, 44);
}
.dropcontents{
display: inline-block;
text-align: center;
padding: 14px 16px;
text-decoration:none;
}
li.dropdowns{
display: inline-block;
}
.dropcontents{
display: none;
position:absolute;
background-color: #f9f9f9;
min-width:160px;
box-shadow: 0px 8px 16 0px rgba(0,0,0,0.2);
z-index: 1;
margin-top: 2px;
}
.dropcontents a{
color: black;
padding: 12px 16px;
text-decoration: none;
display: block;
text-align: left;
}
.dropcontents a:hover{
background-color: #f1f1f1;
}
.dropdowns:hover .dropcontents{
display: block;
}
.navbars, .navs1, .navs2, .uls{
display: flex;
list-style: none;
text-decoration: none;
}
.navs1{
flex: 30%;
padding: 5px;
}
.navs1 a:hover, .navs2 a:hover{
border-bottom: 1px solid #000;
}
.navs2{
margin-right: 50px;
padding: 5px;
}