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.