行內樣式 <a href="#" style="color:red">php.cn</a> 內聯(lián)樣式 <div class="dv"></div> <style>.dv{color:red;width:50px;height:50px;border:1px solid red;}</style> 外部樣式 <link href="style.css" rel="stylesheet" type="text/css"> 引入外部樣式需要注意自己文件的路徑，如果路徑不正確，css是沒有被引入進來，是沒有效果的
2016-11-290個贊
所屬章節(jié)課程：HTML+CSS 輕松入門之分組選擇符
<style> div,p,a{color:red;} </style> <div>php中文網(wǎng)</div> <p>小豬CMS</p> <a href="http://ipnx.cn">php教程</a> <span>php</span> <!--分組選擇符-->
2016-12-050個贊
標簽名選擇器 <div></div> <style>div{樣式代碼;}</style> 類選擇器 <div class="dv"></div> <style>.dv{樣式代碼;}</style> ID選擇器 <div id="dv"></div> <style>#dv{樣式代碼;}</style>
2016-11-290個贊
<style type="text/css"> p{ color:red; } </style> <p> css繼承性 <span> <a>php中文網(wǎng)</a> </span> </p> <!--繼承-->
2016-12-050個贊
所屬章節(jié)課程：CSS id選擇器和class選擇器區(qū)別
在css樣式表中書寫時，id選擇符前面應該加前綴符號‘#’，而class選擇符前面應該加前綴符號‘.’ id屬性一般在一個頁面中只可以使用一次，而class可以被多次引用 id作為元素的標簽，用于區(qū)分不同結構和內容，而class作為一個樣式，它可以應用到任何結構和內容上
2016-11-290個贊
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>層疊</title> <style type="text/css"> h1{ color:green; } h1{ color:red; } </style> </head> <body> <h1>php 中文網(wǎng)</h1> </body> </html>
2016-12-050個贊
還有一個權值比較特殊--繼承也有權值但很低，有的文獻提出它只有0.1，所以可以理解為繼承的權值最低
2016-12-050個贊
A,B 多個元素選擇，同時匹配所有A元素和B元素，A和B之間用逗號分隔 A B 后代元素選擇器，匹配所有屬于A元素后代的B元素，A和B之間用空格分隔
2016-11-290個贊
p{ color:red!important; }
2016-12-050個贊
所屬章節(jié)課程：HTML+CSS 輕松入門之塊級元素
設置塊狀元素 display:block; 可以讓不是塊狀元素轉化為塊狀元素
2016-12-050個贊
所屬章節(jié)課程：HTML+CSS 輕松入門之內聯(lián)元素
內聯(lián)元素特點 和其他元素都在一行上； 元素的高度、寬度及頂部和底部邊距不可設置； 元素的寬度就是它包含的文字或圖片的寬度，不可改變。
2016-12-050個贊
background-color： 指定填充背景的顏色。 background-image： 引用圖片作為背景。 background-position： 指定元素背景圖片的位置。 background-repeat： 決定是否重復背景圖片。 background-attachment： 決定背景圖是否隨頁面滾動
2016-11-290個贊
所屬章節(jié)課程：HTML+CSS 輕松入門之內聯(lián)塊狀元素
具備內聯(lián)元素與塊狀元素特點 display:inline-block; 內聯(lián)塊狀元素特點 和其他元素都在一行上； 元素的高度、寬度、行高以及頂和底邊距都可設置。
2016-12-050個贊
所屬章節(jié)課程：HTML+CSS 輕松入門之 盒子模型
盒子模型（Box Model）是 CSS 的核心，現(xiàn)代 Web 布局設計簡單說就是一堆盒子的排列與嵌套，掌握了盒子模型與它們的擺放控制，會發(fā)現(xiàn)再復雜的頁面也不過如此
2016-12-050個贊
設置文本縮進：text-indent:length(長度單位)可以負值 文本水平對齊方式：text-align:left左，center居中，right右 空白處理: white-space:nowrap(nowrap強制在一行中顯示，pre換行和空格保留，normal自動換行)
2016-11-290個贊
