Autors: Andris Kamars (15)

Vērtējums:

Publicēts: 05.09.2012.

Valoda: Latviešu

Līmenis: Augstskolas

Literatūras saraksts: 10 vienības

Atsauces: Nav

Nr.	Sadaļas nosaukums	Lpp.
1.	Ievads	2
2.	CSS ievietošana HTML dokumentā	2
3.	Dažu CSS īpašību apraksts	5
4.	Mantošana	6
5.	Selektori	7
7.	Stila definēšana ar klasi	9
8.	Fontu formatizēšana	14
8.1.	Font-family	14
8.2.	Fonta stils	15
8.3.	Fonta variants	15
8.4.	Fonta izmērs	16
8.5.	Font- weight	17
8.6.	Retināts teksts	17
8.7.	Fonta krāsas uzdošanas veidi	18
8.8.	Fontu izsaukšana	19
8.9.	Fona uzlikšana tekstam	19
9.	Izmēri, lauki, atkāpes un apmales	20
9.1.	padding, margin un border	20
9.2.	Attāluma atlikšana starp rāmi un tekstu, teksta atkāpes no rāmja malām	21
9.3.	Teksta atkāpe	22
9.4.	Divi rāmji viens otra iekšienē	22
9.5.	Teksta atkāpe no labās malas	23
9.6.	Teksta atkāpe no kreisās malas	23
9.7.	Teksta un rāmja uzdošanas veidi	24
9.8.	Attāluma atlikšana starp lapu un rāmi	25
9.9.	Dažādi rāmju veidošanas stili	28
9.10.	Krāsainas rāmja malas	30
9.11.	Rāmja stili	31
9.12.	Rāmju izskata maiņa	32
9.13.	Tekstu virsraksti	33
10.	Lapas fons	33
10.1.	Viena elementa vai visas lapas fons	33
10.2.	Fona zīmējuma uzlikšana	34
10.3.	Fona zīmējuma uzlikšana par x asi	34
10.4.	Fona zīmējumu uzdošanas veidi	35
10.5.	Veids kā panākt fona zīmējumu pārklāšanos	36
11.	Saraksti	36
11.1.	Marķera tipa uzrādīšana sarakstiem	37
11.2.	Vienkārša veida saraksts	37
11.3.	Attēlu ievietošana marķeru vietā	38
11.4.	Saraksta virsraksta izveidošana	39
12.	Sarežģītu sarakstu veidošana	40
13.	Rāmji	58
14.	Rāmji un saraksti darbojas kopā	70
15.	Stila tabulas veidošana	76
16.	Pseidoelementi	91
16.1.	Pseidoelements ” anchor ”	92
16.2.	Pseidoelements ”first-line”	92
16.3.	Pseidoelements ”first-letter”	93
16.4.	Pseidoklase ”lang”	94
17.	HTML un CSS sadarbība	94
18.	Dažādi šablonu veidi	95
19.	CSS pielietošana tabulām	106
19.1.	CSS raksturlielumu uzstādīšana tabulām	106
19.2.	Tabulas apmales saplūšana	107
19.3.	Uzrakstu veidošana tabulai	110
19.4.	Tabulas aizpildīšanas stila norādīšana	111
19.5.	Šūnu rāmji	112
19.6.	Tabulu pārveidošana	115
19.7.	Platuma uzdošana tabulām	117
19.8.	Dažāda stila malu iestādīšana tabulas šūnām	118
19.9.	Stila uzdošana tabulai	119
19.10.	Šūnu iekrāsošana	120
20.	Pozicionēšana	122
20.1.	Statiskā pozicionēšana	122
20.2.	Teksta relatīvās pozicionēšanas piemērs	123
20.3.	Absolūtā, relatīvā un statiskā pozicionēšana	123
20.4.	Pozicionēšana no augšas	125
20.5.	Pozicionēšana no kreisās puses	125
20.6.	Attēla nosaukuma izvietošana	126
20.7.	Pozicionēšana pa labi	126
21	Teksta īpašības rāmī	127
22.	Dažādu slāņu pozicionēšana	130
23.	Web lapas iespējamais karkass	132
24.	Interneta resursi un darbā izmantotā literatūra	134

Darba fragmentsAizvērt

1.Ievads
Web dokumenti palika arvien sarežģītāki un uz dažādu platformu datoriem lapas attēlojās dažādi. Lai atrisinātu šo problēmu, tika izveidotas kaskādu stila tabulas CSS { Cascading Style Sheets). HTML tagi un to atribūti nosaka dokumenta struktūru (sastāvu un atsevišķo elementu mijiedarbību) un vizuālo elementu ārējo izskatu. Tieši šim pēdējam jautājumam tiek pievērsta vislielākā uzmanība. Tā kā Web dokuments sastāv no vairākām lapām un daudzi kodi atkārtojas, ir izdevīgi pielietot CSS tehnoloģiju, kas atdala parametrus, kuri nosaka dokumentu ārējo izskatu, no parametriem, kuri nosaka dokumenta iekšējo struktūru. No otras puses ar html veidotās Web lapas dažādās pārlūkprogrammās var attēloties dažādi, bet ar CSS veidotās lapas attēlojas pārlūkprogrammās vienādi.

2.CSS ievietošana HTML dokumentā
CSS (Cascading Style Sheets) dod iespēju izmainīt HTML lapas īpašības un dod iespēju uzlabot lapas ārējo izskatu. Stilu tabula var tikt izveidota atsevišķi no konkrētā dokumenta un pēc tam piesaistīta ar saiti vai arī tieši pielietota konkrētajam HTML dokumentam.
CSS pielietošanas gadījumā lapai nebūs izkropļojumu skatoties to citās pārlūkprogrammās.
Stilu piesaistīšanas veidi HTML dokumentam:
Tieša ievietošana HTML – dokumentā starp tagiem ... ievieto tagus , kas nosaka lapas stilu. Stila elementus ievieto lapas augšdaļā head.

Piem.1.
Kods: