樣式表的權重關係:
1. 內聯樣式表的權重最大!
2. 內部和外部樣式的權重,和書寫的前後順序有關!
(放在後面的會把放在前面的樣式覆蓋掉,覆蓋的只是相同屬性的樣式,不同屬性的樣式會繼續執行。)
舉例:在學校你的班主任對你說:明天你值日。你所在小組的組長說:明天你不需要值日。在兩者之間老師的權重大,座椅要聽從老師的意見。
關鍵字:
!important -> 當前宣告具有最高權重!
問題:
寫出瀏覽器載入div時候的樣式。
width:500px!important;
background:red;
height:400px;
border:10px solid yellow;
共計7種選擇符,其語法如下:
選擇符:選擇符就是給標籤起名字。
一:型別選擇符(標籤選擇符)
所有的html標籤可以直接當作選擇符進行應用。
div\p\em\i\b\strong.............
特點:能選中當前結構裡面全部同名標籤。
應用:想統一某乙個標籤樣式的時候或者是清除某個標籤預設樣式的時候。
二:id選擇符 -> 相當於人的身份證號
語法:起名字: 《標籤 id="名稱">主要通過網頁來練習如下圖
**實現:
最終得出如下圖結果
WEB前端學習 Day4(定位)
乙個元素,如何讓它擺在自己想要的位置。就需要弄透css的定位相關的屬性。首先,乙個元素預設是按照文件流進行布局的,比如說三個div,它缺省會占用三行,三個span,它預設占用一行,當這一行不夠時,也會換行。這就是預設的文件流,每個元素根據自己的特性進行布局。有時候需要擺脫文件流,就需要特殊處理。現在...
WEB前端學習日誌第二週 Day4
css的顯示對標籤分類 塊狀元素 內聯元素 行內元素 爭議點 第三類 a 可變元素 b 行內塊元素 元素型別分類 塊狀元素 內聯元素 可變元素。注 把行內塊元素 歸在 內聯元素這一類裡面。預設情況下元素型別每個型別特點 塊狀元素特點 1 在頁面中以矩形區域顯示。2 自上而下排列,獨佔一行 3 可以直...
前端學習Day4
一.css樣式表的權重 1.比喻 a.在公司 組長告訴你 本週加班7天。在公司 老闆告訴你 本週放假7天。有衝突b.在家 爺爺告訴你 抓緊娶媳婦 在家 爸爸告訴你 抓緊掙錢 有衝突c.老闆說 後天你休息 組長說 明天你工作 沒有衝突 2.樣式表的權重關係 a.內聯樣式表的權重最大。b.內部和外部樣式...