Tip:
Highlight text to annotate it
X
>> SPEAKER: Allura huwa attwalment mhux l-aħjar disinn intermingle CSS ma HTML.
Pjuttost, huwa aħjar għall-fattur out tiegħek CSS, poġġih ċentrali x'imkien, u
b'xi mod japplikaw lill- tags fil-paġna web tiegħek.
Biex jinkiseb dan, nistgħu attwalment stop jużaw l-attribut Style u minflok
jużaw tikketta Style, li tappartjeni għad- kap ta 'paġna web flimkien, għall-
eżempju, titolu tiegħek.
>> Ejja tagħti dan jipprova u jimplimenta mill-ġdid home page għal John Harvard
bl-użu tag Style.
Stajt diġà gotten us beda hawn bi tliet divs għal
Homepage John Harvard.
Imma ejja issa ewwel jitla 'għal din l-ewwel div u żid attribut ġdida,
jiġifieri ID, u jispeċifikaw li uniku identifikatur għal dan div partikolari
għandu jkun, per eżempju, kwotazzjoni unquote "Top," isem arbitrarja, iżda
deskrittiv li dan div hija tabilħaqq fil-quċċata tal-paġna tiegħi.
>> Għall-div jmiss, ejja tagħtiha a ID differenti ta 'unquote quote
"Nofs," u ejja tagħti t-tielet div ID ta 'kwotazzjoni unquote "minn isfel." We
issa għandhom tliet identifikatur uniku li nistgħu japplikaw xi CSS
proprjetajiet, imma l-ewwel, ejja ritorn lill-kap ta 'din il-paġna.
Eżatt fuq it-titolu hawn, I ser imorru quddiem u jiddefinixxu l-istil
u mbagħad stil qrib.
>> Ġewwa ta 'dan issa, jien ser jiddefinixxu xi proprjetajiet CSS, jiġifieri l-
istess dawk I qabel kellhom fl Style attributi, iżda hawnhekk dawn ser ikunu
ċentralment definit.
Biex tagħmel dan, jien ser jispeċifikaw il-lira simbolu segwit minn fuq, u b'hekk
tispeċifika li l-CSS wara proprjetajiet għandhom japplikaw għal kwalunkwe
Element HTML għandha l-unika identifikatur ta 'top.
Jien imbagħad ser ikollhom xi miftuħ u braces kaboċċi magħluqa, u jien ser
tispeċifika, ngħidu aħna, id-daqs tat-tipa għandu jkun 36 pixels, piż font għandhom jkunu kuraġġużi.
>> Li żżomm affarijiet nodfa, jien tqegħid kull ta 'dawn il-proprjetajiet issa waħdu
linja, iżda li jinsab biss konvenzjoni stilistiċi.
Taħt dan, ejja issa jiddefinixxi ieħor selettur, biex ngħidu hekk.
Dan wieħed għall-tag HTML li għandha identifikatur uniku tal nofs.
U fil hawn, ejja tispeċifika daqs tat-tipa ta '24 pixels, taħt dak ieħor
selettur għall-qiegħ, u ġewwa minn dan, ejja tispeċifika
daqs tat-tipa ta '12 pixels.
>> Ejja issa ħlief, jibdlu l-permessi fuq, u t-tagħbija din il-paġna fil-browser,
chmod plus r css-1.html.
Ejja jiftħu Chrome u żjara http://localhost/css-1.html.
Mhux ħażin.
Eżattament kif I maħsuba, iżda nixtieq li jieħdu l-affarijiet pass ulterjuri issa u
test center John Harvard.
Issa biex tagħmel dan, I tista wrap- paġna kollha fil div bħala I
għamlet eżempju ta 'qabel.
Jew I tista 'tkun aktar għaqlija u tirrealizza li kollha ta 'dawn divs huma ġewwa ta'
korp paġna tiegħi, hekk għaliex ma tapplikax biss wieħed jew aktar proprjetajiet CSS lill-korp
tag innifsu?
>> Biex tagħmel dan, ejja tagħmel dan.
Ejja ħa mmorru lura għall gedit hawn.
Ejja iscroll lura sa l-tikketta Style, u ejja tispeċifika selettur biss
tuża l-isem, Korp li tag ta.
Taħt dak, ejja tpoġġi ċineg kaboċċi tagħna segwit minn ċentru test tallinja.
Ejja issa jiffrankaw il-paġna u rikarigu ġewwa ta 'dak browser.
Reload fil Chrome, u voila.
Issa għandna page John Harvard ċċentrata kif aħna maħsub.