HTML小知識點

2021-07-08 12:08:46 字數 1744 閱讀 5727

body

標準樣式

html:

塊級元素div,dl dt dd(定義列表),hr(水平分隔線),p,ol,ul(非排序列表),

table(input,label),br(換行),b(加粗),i(斜體)img(標籤),

span(常用內聯容器,定義文字內區塊)

select(option)選擇元素,strong(粗體加強,利於seo優化),

sub(上標)c+o2=co2

sup(下標)23+82=72

文字域        下劃線

刪除線

塊級元素預設佔據一行

background-attachment

: fixed;

設定或檢索背景影象是隨物件內容滾動還是固定的(fixed 固定)

1.將 行內元素(span/strong/a/img/br/input/)只能容納文字或其他行內元素

元素公升級為塊級元素(此元素前後會帶有換行符)

行內元素設定width無效,height無效

display

:block;

css:流體布局(從上至下一次布局),普通布局,浮動流

overflow:hidden(將元素進行隱藏)  /scroll(內容被修剪,但瀏覽器會顯示滾動條以便檢視)

auto(如果內容被修剪,則瀏覽器會顯示滾動條以便檢視);

css布局:兩列布局margin(上 右 下 左 auto水平方向自適應居中顯示)

三列布局:左右兩列固定,中間根據瀏覽器自適應,三列固定寬頻居中

定位布局 position

讓具有透明:opacity  相容所有瀏覽器的透明度,

opacity:0.9 取值範圍(0-1);opacity=90取值範圍(1-100)

opacity:0.9;filter:alpha(opacity=90);  

兩個值必須一一對應(0.9-90)

css3陰影效果 box-shadow:10px 5px 15px #888888; 

2.使用display:block;

/*將行內元素公升級a/strong/span 為塊級元素*/(none 此元素不顯示,inline 預設,此元素會被顯示為內聯元素,元素前後沒有換行符)

去掉ul標籤的的格式 點(

list-style

:none

;)  導航(ul,li)

3.標籤:hover用於浮動填充顏色

4.cursor

:pointer

;手型(cursor游標)

5.img四要素src(路徑) alt(描述) width  height  6.

border-radius

:22px

;/*圓形邊框*/ 7.

text-decoration

:none

;/*去掉下a標籤下劃線*/

8.css浮動:float屬性定義元素在那個方向浮動,在css中,任何元素都可以浮動

9.相對定位relative:對乙個元素進行相對定位,它將出現在它所在的位置上,通過設定垂直(top)或水平(left)位子,讓這個元素「相對於」它的起點進行移動

絕對位置

absolute

:元素的位子相對於最近已經定位祖先元素,如果沒有已定位的祖先元素,它的位子相對於最初的包含塊

10顏色#fff白色  #666灰色  #000黑色

11. readonly 標籤

Html語法小知識點

ul unordered lists 無序列表 ol ordered lists 有序列表 li lists是乙個定義列表,據我的瞎猜 dl應該是definition list的縮寫 定義了標題,所以應該是definition title的縮寫 描述用的,所以應該是definition descri...

html小知識點備忘錄

1.去 小黑點li 2.內聯元素加margin padding 上下無效。3.圓角樣式 border radius xxpx 當有圓角的半徑是正方形的長度的一般的時候,畫出來的是圓。4.到 內部不能巢狀塊元素 w3c規定 5 class cur cur 預設顯示的a標籤 6 左右箭頭,空格 7 透明...

HTML知識點總結

1 html 超文字標識語言 概念 html是一種用來製作超文字文件的簡單標識語言,簡單的說就是描述網頁長什麼樣子 有什麼內容的乙個文字.2 html和xhtml的聯絡和區別 聯絡 1 都是標記語言,文件注釋都一樣。2 都可以通過dom程式設計方式來訪問 dom是瀏覽器對html文 檔的一種解析 3...