1、新建一個html文件,命名為test.html,用于講解css如何設置p標簽的行高。
2、在test.html文件內,使用p標簽創建一行文字,用于測試。
3、在test.html文件內,設置p標簽的class屬性為eeone。
4、在css標簽內,通過class設置p標簽的樣式,定義它的寬度為250px。
5、在css標簽內,再使用line-height屬性設置文字的行高為40px。
6、在瀏覽器打開test.html文件,查看實現的效果。
(1)在CSS3中使用before選擇器在元素的前面插入內容,使用after在元素后面插入內容,在選擇器content屬性中定義要插入的內容;
(2)使用方法:標簽:before{content:"插入的內容";},可以修改插入內容的樣式;
(3)排除一些不需要插入內容的元素:使用content屬性的追加一個none屬性值。使用方法:標簽:before{content:none;}
很古老的話題了
id=100
class=10
tag(標簽)=1
按照這個規律去計算,比如
#qietu div{}
100+1 = 101
.qietu .box{}
10+10=20
可以得出第一個的權重要比第二個要高。另外關于權重的擴展知識面,我推薦了解下BEM命名規則,這個觀念很好,可以從側面杜絕權重問題的產生,還有一個就是提高權重的方法 !important;
head img 選擇器:就是指定CSS要作用的標簽,那個標簽的名稱就是選擇器。意為:選擇哪個容器。
CSS的選擇器分為兩大類:基本選擇題和擴展選擇器。
基本選擇器:
標簽選擇器:針對一類標簽ID選擇器:針對某一個特定的標簽使用
類選擇器:針對你想要的所有標簽使用
通用選擇器(通配符):針對所有的標簽都適用(不建議使用)