Bawo ni Ile-iṣẹ CSS ṣiṣẹ ninu Awọn oju-iwe ayelujara

Akopọ pataki kan ti lilọ oju-aaye ayelujara kan pẹlu CSS jẹ agbọye oye ti ogún.

Ile-iṣẹ CSS ti wa ni titẹ laifọwọyi nipa ara ti ohun ini ti a lo. Nigba ti o ba wo awọn ohun-ini-ara-ini-ode, iwọ yoo wo apakan kan ti akole "Ile-ini". Ti o ba dabi ọpọlọpọ awọn apẹẹrẹ oju-iwe ayelujara, iwọ ti ko bikita apakan naa, ṣugbọn o ṣe iṣẹ kan.

Kini Ile-iṣẹ CSS?

Igbakan kọọkan ninu iwe HTML kan jẹ apakan ti igi kan ati gbogbo awọn ẹka ayafi ti akọkọ elementi ni o ni ẹda obi kan ti o ni ikọkọ. Eyikeyi iyatọ ti a lo si ẹbi yii ni a le lo si awọn eroja ti o wa ninu rẹ ti awọn ohun-ini jẹ awọn ti o le jogun.

Fun apẹẹrẹ, koodu HTML yii ni isalẹ ni ami H1 ti o ni fifi aami si EM:

Eyi jẹ Ńlá Akọle

Iṣẹ EM jẹ ọmọ ti H1 ano, ati eyikeyi awọn aza lori H1 ti a jogun ni yoo kọja si ọrọ EM naa. Fun apere:

h1 {font-size: 2e; }

Niwọn igba ti a ti jogun ohun-elo iwọn-nla, ọrọ ti o sọ "Big" (eyi ti o jẹ ohun ti o wa ninu awọn afi EM) yoo jẹ iwọn kanna bi H1 miiran. Eyi jẹ nitori pe o jogun iye ti a ṣeto sinu ohun ini CSS.

Bi o ṣe le lo CSS Ile-iṣẹ

Ọna to rọọrun lati lo o ni lati di mimọ pẹlu awọn ẹtọ CSS ti o wa ati pe a ko jogun. Ti o ba jogun ohun-ini naa, lẹhinna o mọ pe iye naa yoo wa titi fun gbogbo ọmọ inu iwe.

Ọna ti o dara julọ lati lo eleyi ni lati seto awọn apẹrẹ ti o wa ni ipilẹ ti o ga julọ, bi BODY. Ti o ba ṣeto ẹbi-ẹṣọ rẹ lori ohun ini, lẹhinna, o ṣeun si ogún, gbogbo iwe naa yoo pa iru-ẹsun-ẹsun kanna. Eyi yoo ṣe fun awọn apẹrẹ ti o kere ju ti o rọrun lati ṣakoso nitori pe o wa pupọ awọn aza. Fun apere:

ara {font-family: Arial, sans-serif; }

Lo Iyipada Style Iye

Gbogbo awọn ẹtọ CSS ni o ni iye "jogun" bi aṣayan ti o ṣeeṣe. Eyi sọ fun ẹrọ lilọ kiri ayelujara, pe paapa ti ohun-ini naa ko ni jogun deede, o yẹ ki o ni iye kanna bi obi. Ti o ba ṣeto ara kan bii agbegbe kan ti a ko jogun, o le lo iye ti o jogun lori awọn ohun-ini miiran lati fun wọn ni agbegbe kanna bi obi. Fun apere:

ara [ala: 1; } p} eti: jogun; }

Ibugbe Nlo Awọn Iṣawọn Iyipada

Eyi jẹ pataki fun awọn iye ti a jogun gẹgẹbi awọn titobi titobi ti o lo awọn ipari. Idiwọn ti a ṣe iyeye jẹ iye kan ti o jẹ ibatan si diẹ miiran iye lori oju-iwe ayelujara.

Ti o ba ṣeto iwọn-iwọn-nla kan ti 1m lori ẹda BODY rẹ, gbogbo oju-iwe rẹ kii yoo ni gbogbo nikan ni iwọn. Eyi jẹ nitori awọn eroja bi awọn akọle (H1-H6) ati awọn eroja miiran (diẹ ninu awọn aṣàwákiri ṣe apapọ awọn ohun elo tabili ni otooto) ni iwọn iyasọtọ ni oju-iwe ayelujara. Ni asiko ti awọn alaye omiiran miiran, aṣàwákiri wẹẹbu yoo ṣe akọle H1 nigbagbogbo ni ọrọ ti o tobi julọ lori oju-iwe naa, lẹhinna H2 ati bẹbẹ lọ. Nigbati o ba ṣeto iwọn iṣẹ rẹ si iwọn awo kan pato, lẹhin naa a lo bi iwọn iwọn "iwọn", ati awọn akọle akọle ti a ṣapọ lati inu eyi.

A Akọsilẹ nipa Isinmi ati awọn ohun-elo Ikọlẹ

Awọn nọmba ti o wa ni akojọ ti ko ti jogun ni CSS 2 lori W3C, ṣugbọn awọn aṣàwákiri wẹẹbù tun jogun awọn iye. Fun apere, ti o ba kọ HTML ati CSS wọnyi:

h1 {awọ-lẹhin: ofeefee; }

Eyi jẹ Big akọle

Ọrọ "Big" yoo tun ni isale awọ-ofeefee, bi o tilẹ jẹpe ohun-ini awọ-ode ko ni ki a jogun. Eyi jẹ nitori iye akọkọ ti ohun ini lẹhin jẹ "gbangba". Nitorina o ko ri awọ ti o wa lori ṣugbọn kuku pe awọ ti nmọlẹ nipasẹ

obi.