Bẹrẹ CSS
CSS ṣe igbẹkẹle awọn ilana ti o baamu ti o baamu lati mọ iru ọna ti o kan si eyi ti o wa ninu iwe naa. Awọn ilana yii ni a npe ni awọn aṣayan ati pe wọn wa lati awọn orukọ tag (fun apeere, p lati darapọ awọn afi apejuwe ọrọ) si awọn ilana ti o ni idiwọn ti o ba awọn ẹya pato ti iwe-ipamọ kan (fun apere, p # myid> b.highlight yoo ba eyikeyi tag pẹlu. kan kilasi ti itumọ ti o jẹ ọmọ ti paragirafi pẹlu id myid).
Aṣayan CSS jẹ apakan ti ipe CSS kan ti o mọ ohun ti apakan ti oju-iwe ayelujara yẹ ki a ṣe atokọ. Aṣayan naa ni awọn ohun-ini tabi diẹ ẹ sii ti o seto bi o ṣe le ṣapa HTML ti o yan.
Awọn CSS Yan
Awọn oriṣiriṣi awọn oriṣiriṣi oriṣiriṣi wa:
- Iru awọn aṣayan-tuntun kan pato
- awọn ipinnu aṣayan-ipinnu-tuntun pẹlu ẹya kan pato
- Awọn ayanfẹ ID-tuntun ti o jẹ pẹlu ID kan pato
- awọn ọmọ-ara ti o yan -matching-ọmọ-ara ti o jẹ ọmọ-ara kan pato
- awọn ọmọ-ọmọ ti o yan-awọn eroja ti o jẹ ọmọ ti awọn ohun kan pato
- awọn olutọka gbogbo-ni ibamu si eyikeyi idi
- awọn oluṣan tibirin ti o sunmọ wa-awọn eroja ti o jọmọ lẹsẹkẹsẹ lẹsẹkẹsẹ kan pato
- ro pe awọn eroja ti o yan-ṣe deede pẹlu ẹtọ kan pato tabi iye pataki
- awọn eroja ti o fẹran-ti o ni ibamu pẹlu ile-iṣẹ kan pato
- awọn eroja-ti o jẹ aṣoju-anoṣe-awọn eroja ti o ni ibamu pẹlu awọn ohun-elo-ti o jẹ ami-pamọ
Ṣaṣe kika Awọn CSS Styles ati awọn CSS Yan
Awọn kika ti a CSS ara wulẹ yi:
Aṣayan {ara ini: ara; }
Ya awọn oniruru meji ti o ni iru kanna pẹlu aami idẹsẹ sii. Eyi ni a npe ni akojọpọ aṣayan. Fun apere:
selector1 , selector2 {ara ini: ara; }
Awọn ayẹgbẹ ẹgbẹ jẹ ọna ṣiṣe ti o rọrun lati tọju iwapọ CSS rẹ.
Awọn akojọpọ loke yoo ni ipa kanna bi:
selector1 {ara ini: ara; }
selector2 {ara ini: ara; }
Ṣayẹwo awọn Yan Awọn CSS rẹ nigbagbogbo
Ko gbogbo awọn aṣàwákiri ṣe atilẹyin gbogbo awọn olutọsọna CSS. Nitorina rii daju pe idanwo awọn ayanfẹ rẹ ni ọpọlọpọ awọn aṣàwákiri lori ọpọlọpọ awọn ọna šiše ti o le ṣe. Ṣugbọn ti o ba nlo awọn CSS 1 tabi CSS2 awọn oludari o yẹ ki o jẹ itanran.