WEB前端學習日誌Day4

2021-10-04 03:43:08 字數 984 閱讀 7261

樣式表的權重關係:

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.內部和外部樣式...