css div學習筆記

2021-06-26 09:59:45 字數 1049 閱讀 3332

l  載入css樣式有以下四種

1.        外部樣式

2.        內部樣式

3.        行內樣式

4.        匯入樣式

l  這種形式是把css單獨寫到乙個css檔案內,然後在源**中以link方式鏈結。它的好處是不但本頁可以呼叫,其它頁面也可以呼叫,是最常用的一種形式。l

這種形式是內部樣式表,它是以結尾,寫在源**的head標籤內。這樣的樣式表只能針對本頁有效。不能作用於其它頁面。

l  內部樣式

這種在標籤內以style標記的為行內樣式,行內樣式只針對標籤內的元素有效,因其沒有和內容相分離,所以不建議使用。

l  @import url("/css/global.css");

鏈結樣式是以@import url標記所鏈結的外部樣式表,它一般常用在另乙個樣式表內部。如layout.css為主頁所用樣式,那麼我們可以把全域性都需要用的公共樣式放到乙個global.css的檔案中,然後在layout.css中以@import url("/css/global.css")的形式鏈結全域性樣式,這樣就使**達到很好的重用性。

1.        id優先順序高於class

2.        後面的樣式覆蓋前面的

3.        指定的高於繼承

4.        行內樣式高於內部或外部樣式

總結:單一的(id)高於共用的(class),有指定的用指定的,無指定則繼承離它最近的

css盒模型組成

網頁設計中常聽的屬性名:內容(content)、填充(padding)、邊框(border)、邊界(margin), css盒子模式都具備這些屬性。

整個盒模型在頁面中所佔的寬度是由左邊界+左邊框+左填充+內容+右填充+右邊框+右邊界組成,而css樣式中width所定義的寬度僅僅是內容部分的寬度。

css div學習筆記第1天

1 一列固定寬度 layut 2 一列自適應寬度 layout 3 一列固定寬度居中 layout 說明 margin屬性用於控制物件的上 右 下 左四個方向的外邊距,當margin使用兩個引數時,第乙個引數表示上下邊距,第二個引數表示左右邊距。除了直接使用數值之外,margin還支援乙個值叫aut...

html學習筆記04 css div

div css布局 css中文翻譯為層疊樣式表,是用於控制網頁樣式並允許將樣式資訊與網頁內容分離的一種標記 性語言。div 全稱 division 意為 區塊 分割 div標籤是乙個無意義的容器標籤,用於將頁面劃分出不 同的區域。通過div將複雜的頁面進行細分塊,可以將問題細分乙個乙個解決,所以通過...

HTML學習 CSS div詳解

css作用 是為了使網頁美觀,公升級方便,維護輕鬆,能夠讓網頁內容和樣式資訊進行分離。讓內容和樣式分開 使用link來匯入css檔案。語法 每個html都帶了乙個屬性style,可以直接設定css樣式。語法 選擇器 html選擇器 以原始本身命名的選擇器。語法 table會自動呼叫style裡面的屬...