Praneškite apie mus:


CSS įterpimas į html

0

Yra 3 būdai, kaip galime įterpti css stilius į html dokumentą. Išorinis, vidinis ir žymoje pasinaudojant atributu style.




Rekomenduojama naudoti išorinį failų įterpimą, taip puslapis yra greičiau kraunamas, puslapį sudaro daugiau žmogui skaitomo ir naudingo teksto, o ne programinio kodo. Pastarasis dalykas, manoma, yra svarbus google paieškos sistemai.

 

Išorinis

Naudojant šį būdą yra sukuriamas css failas su plėtiniu *.css, pavyzdžiui stiliai.css ir jo viduje yra surašomos css kalbos taisyklės. Į html dokumentą jis yra įterpiamas per žymę <link> puslapio <head> dalyje.

 

1
2
3
<head>
<link rel="stylesheet" type="text/css" href="stiliai.css" />
</head>

 

Galime įteprti tiek stilių failų, kiek reikia. Kiekvienam failui aprašome naują <link> žymę:

 

1
2
3
4
5
<head>
<link rel="stylesheet" type="text/css" href="pagrindinis.css" />
<link rel="stylesheet" type="text/css" href="meniu.css" />
<link rel="stylesheet" type="text/css" href="straipsnis.css" />
</head>

 

Vidinis

Kai reikia, galime stilius įrašyti tiesiai į html dokumentą pasinaudojant žyme <style> ir jos atributu type su reikšme text/css. Viduje šios žymės galime rašyti tas pačias stiliaus taisykles, kaip išoriniame faile. Skirtumas yra tik tame, kad iš pradžių yra pritaikomos taisyklės iš išorės, tada vidinės. Apie tai daugiau skaitykite kitoje pamokoje - CSS hierarchija.

 

 

1
2
3
4
5
<style type="text/css">
div {
border:1px solid #ccc;
}
</style>

 

Žymoje

Paskutinis metodas suteikti stilius yra rašyti juos tiesiai į žymės atributą style. Jo viduje galioja tos pačios taisyklės kaip ir išoriniuose failuose, ar <style> žymoje. Prieš naudojant šį metodą reiktų išsiaiškinti, ar tą žymė turi style atributą. Tai visada galite patikrini mūsų html žynyne. Krovimo metu žymoje esančios taisyklės yra pritaikomos paskutinios. Apie krovimo subtilumus skaitykite kitoje pamokoje - CSS hierarchija

 

1
<div style="border:1px solid #ccc; border-bottom:none;"></div>
Perskaityta: 5299 kartų

Lukas
Autorius: Lukas
El. paštas.: Šis el. pašto adresas yra apsaugotas nuo spam botų. Jum reikalingas įjungtas Javasctipt kad jį matytumėte
Manualai.lt tinklo autorius ir administratorius. VDU Energetikos Fizikos ir Verslo Informatikos studentas. LinkedIn
Raktažodžiai
html    css    įterpimas    išoriniai    failai   
Patinka straipsnis?
Komentarai

Komentarų nėra. Norėdami komentuoti turite prisijungti