CSS是層疊樣式表(Cascading Style Sheets)的縮寫,它是一種用于網頁裝飾及排版的樣式表語言。CSS將HTML文檔的內容與呈現樣式分離,使得網頁開發者只需通過修改CSS代碼就可以改變網頁的樣式,而無需修改文檔。CSS分為三種:行內樣式、內嵌樣式和外部樣式。
/*行內樣式*/這是一個紅色并且字體大小為24px的段落。
/*內嵌樣式*/這是一個藍色并且字體大小為18px的段落。
/*外部樣式*//*style.css*/ p { color: green; font-size: 14px; } /*HTML*/這是一個綠色并且字體大小為14px的段落。
除了上述分類之外,CSS還有很多種不同的樣式規則,比如選擇器、背景屬性、文本屬性、盒模型等等。
/*選擇器*/ p { color: red; } /*id選擇器*/ #title { font-size: 24px; } /*類選擇器*/ .intro { font-weight: bold; } /*背景屬性*/ body { background-color: #eee; background-image: url(bg.jpg); background-repeat: repeat-y; } /*文本屬性*/ p { font-family: Arial, sans-serif; line-height: 1.5em; text-align: center; } /*盒模型*/ .box { width: 100px; height: 100px; padding: 10px; border: 1px solid #ccc; margin: 20px; }
通過運用不同的樣式屬性,我們可以創建出不同的視覺效果,實現各種精美的網頁。在網頁開發中,正確使用CSS也是非常重要的一部分。
上一篇每次點擊添加css動畫
下一篇每個css樣式都必須由