2分鐘學會CSS內嵌樣式

智雲程式設計發表於2019-07-10

內嵌樣式
樣式定義:用於輔助美化HTML,使得網頁效果色彩性更高,更容易吸引使用者。 樣式可以為網頁設定顏色、背景、排版等豐富的屬性。

標籤中的style屬性用於幫助標籤定義內嵌樣式,內嵌樣式格式如下例所示, 使用style作為標記,在內部寫入格式如: key:value; 的資料物件來表示 具體的樣式。

<div style="color: red;">
    Hello World !
</div>

但是在標籤很多的情況下,如果大量在頁面中堆疊內嵌樣式,則會使得頁面臃腫 冗餘,如下例:

<div style="width: 100px; height: 100px; color: red; 
background-color: green; font-size: 20px; font-weight: bold; 
line-height: 20px; text-align: center;">
大量堆積內嵌樣式
</div>

多年程式設計經驗,月初整理了一批2019年最新WEB前端教學影片,不論是零基礎想要學習前端還是學完在工作想要提升自己,這些資料都會給你帶來幫助,從最基礎的HTML+CSS+JS【炫酷特效,遊戲,外掛封裝,設計模式】資料都有整理,幫助所有想要學好前端的同學,學習規劃、學習路線、學習資料、問題解答。只要加入WEB前端學習交流qun:767,273,102 ,即可免費獲取,學習不怕從零開始,就怕從不開始。


來自 “ ITPUB部落格 ” ,連結:http://blog.itpub.net/69901074/viewspace-2650119/,如需轉載,請註明出處,否則將追究法律責任。

相關文章