Ⅰ CSS代碼怎麼用放哪
css代碼可以內嵌也可以外鏈。內嵌就是將css直接寫在html標記中,大約卜察在2008年以後基本都逐漸規范為外鏈方式。內嵌css有個很大的缺點,就是html標記與css代碼混合在一起,頁面代碼看起來比較混亂、吃力,結構不太清晰,後期如果有修改就會很費勁;規范為外鏈後,代碼美觀易懂、脈絡清晰,方便二次修改。外鏈css,就是將css從判則html標記中分離出來,集中到一個或多個css頁面,再根據需要,調用相關css文件進行指定樣式表。
CSS樣式表
內嵌css的方式:在html標記中添加屬性「style」,設置相關屬性值。如:「
帶你走進科技大世界。
」就是給「帶你走進科技大世界。」這段文字設置的字體大小為12px。內嵌CSS樣式
外鏈css方式:建一個css文件,樣式集中寫在該文件中,在所需頁面調用就行了。方法是在「」標記中添加「」,其中「xxx」為路徑,「cssName.css」為文件名。外鏈設置好後,在標記中通過「class」或「id」進行調用,如「
」或"
」標記中了。樣式表中「class」和「id」的寫法不一樣,「class」前面加「.」,「id」前加「#」。
調用CSS文件
下面來說說使用「class」和「id」的區別,二者之間最大的區別是「class」名稱在同一個頁面中可以重復使用,而「id」名稱是獨一無二的。「class」本身就是用來調用樣式的,一個頁面中有同一個樣式效果很正常,用「class」方便省事也更合理。「id」相當於人名,不允許重復出現。因為「id」不僅可用於樣式,在寫JavaScript時通常也要用「id」指定塊。