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.
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 |
<head> |
Galime įteprti tiek stilių failų, kiek reikia. Kiekvienam failui aprašome naują <link> žymę:
1 |
<head> |
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.
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>
|