web前端學習之css
阿新 • • 發佈：2017-12-28
使用 改變 過多 mark tro blog css url 提高
css概述：
CSS （Cascading Style Sheets）是層疊樣式表用來定義網頁的顯示效果。可以解決html代碼對樣式定義的重復，提高了後期樣式代碼的可維護性，並增強了網頁的顯示效果功能。簡單一句話：CSS將網頁內容和顯示樣式進行分離，提高了顯示功能。
CSS的優先級
1，從上到下，由外到內，優先級是從低到高的。（一般情況下）
2，標簽名選擇器<類選擇器
CSS的規範
寫法：
div{CSS的屬性名：值;CSS的屬性名:值；…}
如果一個屬性有多個值，值與值之間使用空格隔開。
//例如： div{xx:yy zz aa...}
css選擇器
CSS選擇器就是CSS樣式的名字,當在XHTML文檔中表現一個CSS樣式的時候,就要用到一個CSS.
標簽選擇器
類別選擇器
ID選擇器
css與html的結合
//A：style屬性方式： 利用標簽中style屬性來改變每個標簽的顯示樣式。 例： <p style="background-color:#FF0000; color:#FFFFFF"> p標簽段落內容。 </p> 該方式比較靈活，但是對於多個相同標簽的同一樣式定義比較麻煩，適合局部修改。 //B：style標簽方式：（內嵌方式） 在head標簽中加入style標簽，對多個標簽進行統一修改。 <head> <style type=”text/css”> p{ color:#FF0000;} </style> </head> 該方式可以對單個頁面的樣式進行統一設置，但對於局部不夠靈活。 //C：導入方式： 前提是已經存在一個定義好的CSS文件。網頁的一部分樣式需要用到，那麽就用到這種方式。 例： <style type="text/css"> @import url(css_3.css); div { color:#FF0000;} </style> 註：url括號後面必須要用分號結束。如果導入進來的樣式與本頁面定義的樣式重復，以本頁定義樣式為準。 //D：鏈接方式： 通過head標簽中link標簽來實現，前提也是先要有一個已定好的CSS文件。 例： <link rel="stylesheet" type="text/css" href="css_3.css" /> 註：可以通過多個link標簽鏈接進來多個CSS文件。重復樣式以最後鏈接進來的CSS樣式為準。
web前端學習之css