HTML CSS注意知識點

2022-08-27 05:03:13 字數 1654 閱讀 3044

1.meta標籤 資料以鍵值對的形式存在。可以提供搜尋引擎的關鍵字

可以重定向和確定文的形式。如下:

3.不是所的css樣式都可以繼承。例如border是不可以繼承的。color可以繼承!

4.select check radio的value屬性值是不能顯示在網頁中的 但是button的卻可以

css盒子模型

margin padding  border

css 布局模型

1.流動模型(flow)

第一點,塊狀元素都會在所處的包含元素內自上而下按順序垂直延伸分布,因為在預設狀態下,塊狀元素的寬度都為100%。實際上,塊狀元素都會以行的形式佔據位置。如右側**編輯器中三個塊狀元素標籤(div,h1,p)寬度顯示為100%。

第二點,在流動模型下,內聯元素都會在所處的包含元素內從左到右水平分布顯示。(內聯元素可不像塊狀元素這麼霸道獨佔一行)內聯元素標籤a、span、em、strong都是內聯元素。

2.浮動模型(float)浮動模型脫離了文件流所以它不會再文件中佔據位置(left,right)

3.層模型(layer)

1、絕對定位(position: absolute)

如果想為元素設定層模型中的絕對定位,需要設定position:absolute(表示絕對定位),這條語句的作用將元素從文件流中拖出來,然後使用left、right、top、bottom屬性相對於其最接近的乙個具有定位屬性的父包含塊進行絕對定位。如果不存在這樣的包含塊,則相對於body元素,即相對於瀏覽器視窗。如果最近的乙個定位屬性的父包含塊不是body,那麼要給該父塊新增position:relative。然後再相對于父元素position:absolute

參照定位的元素必須是相對定位元素的前輩元素(不是body的情況)

2、相對定位(position: relative)

如果想為元素設定層模型中的相對定位,需要設定position:relative(表示相對定位),它通過left、right、top、bottom屬性確定元素在正常文件流中的偏移位置。相對定位完成的過程是首先按static(float)方式生成乙個元素(並且元素像層一樣浮動了起來),然後相對於以前的位置移動,移動的方向和幅度由left、right、top、bottom屬性確定,偏移前的位置保留不動。

所以相對定位原來的元素還是佔據著文件流的位置。新的元素就相當於float

3、固定定位(position: fixed)

fixed:表示固定定位,與absolute定位型別類似,但它的相對移動的座標是檢視(螢幕內的網頁視窗)本身。 由於檢視本身是固定的,它不會隨瀏覽器視窗的滾動條滾動而變化,除非你在螢幕中移動瀏覽器視窗的螢幕位置,或改變瀏覽器視窗的顯示大小,因此固定定位的元 素會始終位於瀏覽器視窗內檢視的某個位置,不會受文件流動影響,這與background-attachment:fixed;屬性功能相同。以下**可 以實現相對於瀏覽器檢視向右移動100px,向下移動50px。並且拖動滾動條時位置固定不變。

html css雜碎知識點

1.charset 編碼字符集 utf 8 任何國家語言 gb2312 中國 簡體字符集 gbk 包括所有亞洲字符集和繁體字符集 unicode 萬國碼 2.告訴搜尋引擎爬蟲我們的 是什麼內容 3.佔位符 提示符 4.標籤 超連結,錨點,協議限定符 雙擊回頂部 置頂 find demol5.兩頁面操...

Html Css 小知識點

選擇器 根據選擇器來對html內的內容做css修飾 樣式 找到乙個元素 找到乙個元素 選擇器 css都在style標籤內部寫 1.標籤選擇器 根據標籤名查詢。小麗 2.id選擇器 id必須是唯一的。css修飾是用 開頭 3.class選擇器,可以選擇多個元素,加到多個標籤裡面,css修飾.開頭 優先...

HTML css重要知識點總結

base元素 a元素的錨點鏈結 a元素和img元素結合 letter word spacing text transform 不常用 text indent text align font family font weight font style font varient 不常用 line hei...