Search
Latest topics
CSS - I дел и II дел
ИнформатичкА ЛадилницА :: Интересно :: Повеќе :: Останато
Page 1 of 1
CSS - I дел и II дел
CSS - I дел
CSS е кратенка од Cascading Style Sheets и претставува посебен јазик со кој може да се управува изгледот на HTML страниците од едно место.
Многу пати е подобро HTML сајтот да биде создаден со помош на CSS. Главната улога на CSS е да може да се променува изгледот на повеќе HTML страници со промена на еден фајл, наместо да се променува HTML кодот на сите страници.
Да претпоставиме дека имате еден сајт со 100 страници. Ако користите некој таг како што е за во секоја страна да ја поставувате големината и бојата на буквите, ќе треба во секоја страница да го внесете кодот:
За да направите еден обичен CSS фајл, отворете некој уредувач на текст, например Notepad и во него напишете го следниот код:
Како што можете да видите, во CSS фајлот имињата на елементите кои се задаваат се слични на таговите. Например за да поставите параметри на тагот body тоа треба да го направите вака:
Постои и внатрешно задавање на CSS, т.е. во самиот HTML документ ( Internal Style Sheet ). Овој начин се користи кога изгледот на таа страница треба да биде со други параметри. CSS во овој случај се поставува во head секцијата со посебни тагови и наставки.
Исто така има и CSS параметри кои се поставуваат во одделни делови на HTML страницата( Inline Styles ) и имаат ефект само на тој дел од страницата.
Конкретниот начин како се употребуваат сите овие начини на поставување на CSS ќе бидат опишани подоцна.
Понекогаш може да се користат сите видови на CSS.
CSS е кратенка од Cascading Style Sheets и претставува посебен јазик со кој може да се управува изгледот на HTML страниците од едно место.
Многу пати е подобро HTML сајтот да биде создаден со помош на CSS. Главната улога на CSS е да може да се променува изгледот на повеќе HTML страници со промена на еден фајл, наместо да се променува HTML кодот на сите страници.
Да претпоставиме дека имате еден сајт со 100 страници. Ако користите некој таг како што е за во секоја страна да ја поставувате големината и бојата на буквите, ќе треба во секоја страница да го внесете кодот:
- Code:
<font size="10" color="#FFAB22">текст</font>
За да направите еден обичен CSS фајл, отворете некој уредувач на текст, например Notepad и во него напишете го следниот код:
- Code:
body
{
background-color: #FFFFFF;
font-family: arial, sans-serif, helvetica;
font-size: 12px;
color: #000000
}
- Code:
<link rel=stylesheet type="text/css" href="/Main.css" />
- Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head>
<title>Наслов на страницата</title>
<meta http-equiv=Content-Type content="text/html; charset=windows-1251" />
<meta name="description" content="Опис на страницата" />
<meta name="клучни, зборови" />
<meta name="robots" content="index, follow" />
<link rel=stylesheet type="text/css" href="/Main.css" />
</head>
<body>
Текст на страницата
</body>
</html>
- Code:
<link rel=stylesheet type="text/css" href="/Main.css" />
Како што можете да видите, во CSS фајлот имињата на елементите кои се задаваат се слични на таговите. Например за да поставите параметри на тагот body тоа треба да го направите вака:
- Code:
body {
background-color:#000000;
font-family:arial, sans-serif, helvetica;
font-size:12px;
color:#cccccc
}
Постои и внатрешно задавање на CSS, т.е. во самиот HTML документ ( Internal Style Sheet ). Овој начин се користи кога изгледот на таа страница треба да биде со други параметри. CSS во овој случај се поставува во head секцијата со посебни тагови и наставки.
Исто така има и CSS параметри кои се поставуваат во одделни делови на HTML страницата( Inline Styles ) и имаат ефект само на тој дел од страницата.
Конкретниот начин како се употребуваат сите овие начини на поставување на CSS ќе бидат опишани подоцна.
Понекогаш може да се користат сите видови на CSS.
Last edited by LadiC on Mon Feb 02, 2009 2:30 pm; edited 1 time in total
Re: CSS - I дел и II дел
CSS - II дел
Предходно спомнав дека структурата на еден CSS фајл се состои од името на елементот на кој се задаваат параметрите, например body и после него самите параметри оградени во големи загради.
Секој таг од HTML може да биде поставен во CSS фајлот и да му се поставуваат соодветни параметри. Таговите за кои се поставуваат параметрите се нарекуваат селектори, а кодот во големите загради се состои од наставките и нивните вредности. Синтаксата на CSS кодот е:
Бидејќи го имаме искористено селекторот body, сите зададени параметри ќе бидат прифатени замо за овој таг од HTML страницата. Ако наместо body ставиме друг таг, например h1 тогаш сите параметри ќе се однесуваат саамо за тој таг.
Предходно спомнав дека структурата на еден CSS фајл се состои од името на елементот на кој се задаваат параметрите, например body и после него самите параметри оградени во големи загради.
Секој таг од HTML може да биде поставен во CSS фајлот и да му се поставуваат соодветни параметри. Таговите за кои се поставуваат параметрите се нарекуваат селектори, а кодот во големите загради се состои од наставките и нивните вредности. Синтаксата на CSS кодот е:
- Code:
селектор {наставка:вредост}
- Code:
body
{
background-color: #FFFFFF;
font-family: arial, sans-serif, helvetica;
font-size: 12px;
color: #000000
}
Бидејќи го имаме искористено селекторот body, сите зададени параметри ќе бидат прифатени замо за овој таг од HTML страницата. Ако наместо body ставиме друг таг, например h1 тогаш сите параметри ќе се однесуваат саамо за тој таг.
- Code:
h1
{
background-color: #FFFFFF;
font-family: arial, sans-serif, helvetica;
font-size: 12px;
color: #000000
}
ИнформатичкА ЛадилницА :: Интересно :: Повеќе :: Останато
Page 1 of 1
Permissions in this forum:
You cannot reply to topics in this forum
Fri May 07, 2010 7:54 pm by LadiC
» iTunes 9.1.1
Fri May 07, 2010 7:51 pm by LadiC
» Нови MSI Radeon картички.
Fri Apr 30, 2010 2:42 pm by LadiC
» Acer Aspire One 532G
Fri Apr 30, 2010 2:29 pm by LadiC
» Hijackthis 2.0.4
Fri Apr 30, 2010 2:25 pm by LadiC
» Продавам HP Deskjet D4260
Fri Apr 30, 2010 2:00 pm by LadiC
» Факти за LadiC
Thu Oct 22, 2009 11:58 am by LadiC
» Онлајн аларм со YouTube
Tue Jul 21, 2009 7:29 pm by LadiC
» Неколку работи кои можете да ги направите со видеата од YouTube
Tue Jul 21, 2009 7:00 pm by LadiC