Tip:
Highlight text to annotate it
X
>> Ræðumaður: Svo það er í raun ekki sú besta hanna að intermingle CSS HTML.
Frekar, það er best að þáttur út þinn CSS, setja það einhvers staðar miðlægur og
einhvern veginn að sækja um það til merkin á vefsíðunni þinni.
Til að ná þessu, getum við í raun að hætta með Style eigindi og í staðinn
nota stíl merki, sem tilheyrir í yfirmaður vefsíðu hlið, fyrir
dæmi, titli þínum.
>> Skulum gefa þetta reyna og tilvísun til-koma A heimasíða fyrir John Harvard
nota stíl tag.
Ég hef nú þegar fengið okkur byrjaði hér með þremur divs fyrir
Heimasíðan John Harvard er.
En við skulum fyrst núna að fara upp að þessu fyrst div og bæta við nýju eigindi,
þ.e. ID, og tilgreina að einstakt kennimerki fyrir þetta tiltekna div
skal vera, til dæmis, vitna unquote "Toppur" handahófskennt nafn, en
lýsandi í að þetta div er örugglega efst á síðu mína.
>> Fyrir næstu div, við skulum gefa það a mismunandi ID tilvísun unquote
"Miðja," og við skulum gefa þriðja DIV kenni á tilvísun unquote "botn." Við
nú hafa þrjú einstakt auðkenni sem við getum sótt nokkur CSS
eiginleika, en fyrst skulum aftur að höfuð þessarar síðu.
Rétt ofan við titil hér, ég fara á undan og skilgreina stíl
og svo loka stíl.
>> Inni í þetta núna, ég er að fara að skilgreina sumir CSS eiginleika, þ.e.
sama sjálfur sem ég hafði áður í Stíll eiginleika, en hér þeir 'vera
miðlægt skilgreind.
Til að gera það, ég ætla að tilgreina pund tákn eftir ofan á, þannig
að tilgreina að eftirfarandi CSS eignir skal gilda hvað
HTML þátturinn hefur einstakt Auðkenni ofan.
Ég ætla þá að fara til hafa sumir opinn og lokað hrokkið axlabönd, og ég ætla að
tilgreina, segjum, leturstærð skal vera 36 dílar, letur þyngd skal vera djörf.
>> Til að halda hlutum hreinu, ég er að setja hvert af þessum eignum nú á eigin spýtur
lína, en það er bara stylistic samningur.
Hér fyrir neðan þetta, við skulum skilgreina nú annað val, svo að segja.
Þetta eitt fyrir HTML merki sem hefur Auðkenni miðju.
Og hér, við skulum skilgreina leturstærð 24 dílar, neðan að annar
val fyrir botn og inni um það, við skulum tilgreina
Leturstærð 12 punktar.
>> Skulum nú vista, breyta heimildum á, og hlaða þessari síðu í vafranum,
chmod plús r CSS-1.html.
Skulum opna Chrome og heimsækja http://localhost/css-1.html.
Ekki slæmt.
Nákvæmlega eins og ég ætlaði, en ég vil taka hluti eitt skref lengra núna og
texti Center John Harvard er.
Nú til að gera það, gæti ég sett á alla síðuna í div sem ég
gerði áðan dæmi.
Eða ég get verið meira snjall og átta sig á því öll þessi divs eru inni í
líkami síðuna mína, svo hvers vegna ekki bara að sækja um eitt eða fleiri CSS eiginleika til líkamans
merktu sig?
>> Að gera það, við skulum gera þetta.
Við skulum fara aftur til gedit hér.
Skulum fletta aftur upp að stíl merki, og við skulum skilgreina val bara
nota þessi merki nafn, líkama.
Neðan það, við skulum setja hrokkið axlabönd okkar fylgt eftir texta-align sent.
Skulum nú vista síðuna og endurhlaða það inni að vafra.
Endurhlaða í Króm, og voila.
Við höfum nú síðu John Harvard miðju eins og við ætlað.