html css基礎知識點筆記

2021-09-26 12:06:19 字數 2110 閱讀 9120

簡單回憶了一下html+css基礎

網頁標題

定義編碼格式,如:utf-8,gb2312,gbk

eg:

用於匯入css樣式檔案

常用標籤

2、嵌入樣式

3、匯入樣式

型別

字型型別:font-family

字型渲染:text-shadow

字型大小:font-size

字型風格:font-style

微斜:oblique

傾斜:italic

字型粗細:font-weight

字型大寫:font-variant

字型屬性:font

font
文字修飾樣式:text-decoration

下劃線:underline

刪除線:line-through

顏色:color

背景背景顏色:background-color

背景影象:background-image

背景重複方式:bakground-repeat

背景x,y軸起始位置:background-position

背景關聯:background-attachment:fixed(背景不隨著文字滾動)

區塊單詞間距:word-spacing

字母間距:letter-spacing

垂直與文字對其方式:vertical-align,text-align

首行縮排:text-indent

顯示方式:display

行高:line-height

盒子模型

定義寬高:width, height

內邊距上下左右:padding-top, right, bottom, left

外邊距上下左右:margin-top, right, bottom, left

網頁居中:margin:0px auto

邊框:border

邊框厚度:width

邊框風格:style

border-style:點dotted 實solid 雙double 虛dashed;

邊框顏色上下左右

display控制元素的顯示與隱藏

odisplay:block將元素顯示為塊級元素,前後設定換行

odisplay:inline將元素顯示為行級元素,先後不換行

odisplay:none將元素隱藏

浮動float

clear清除浮動

both清除左右浮動

overflow盒子溢位處理

visible內容會被裁剪,被裁剪得內容出現在盒子外部

hidden內容會被裁剪,並且其餘內容不可見

定位position

relative相對定位

將出現在它所在的位置上,讓這個元素「相對於」它的起點進行移動

absolute絕對定位

設定為絕對定位的元素框從文件流完全刪除,並相對於其包含塊定位,包含塊可能是文件中的另乙個元素或者是初始包含塊。元素原先在正常文件流中所佔的空間會關閉,就好像該元素原來不存在一樣。元素定位後生成乙個塊級框,而不論原來它在正常流中生成何種型別的框。

z-index設定層次

列表專案編號型別:list-style-type

專案編號影象:list-style-image

專案標記位置:list-style-position

inside標記顯示在裡面

onside標記顯示在外面

未單擊訪問時超連結樣式a:link

單擊訪問後超連結樣式a:visited

滑鼠懸浮其上的超連結樣式a:hover

滑鼠單擊未釋放的超連結樣式a:active

預設游標:default

超連結的指標:pointer

span

指示程式正在忙:wait

指示可用的幫助:help

指示文字:text

HTML CSS基礎知識點(1)

html 超文字標記語言 web標準提出最佳體驗方案 結構 樣式 行為分離 form表單域 action url位址 指定接收處理資料伺服器位址 method get post 用於設定表單資料提交方式 name 表單名稱 用於指定表單名稱,以區分多個表單 input基本屬性有 type,name,...

HTML css基礎知識點 慕課教程)

想為塊狀元素 中的文字 設定居中樣式嗎?可以使用text align樣式 如下 可實現文字居中顯示。那麼什麼是塊狀元素呢?在後面的11 1 11 2小節中會講到。h1同樣可以設定居左 h1還可以設定居右 h1在講解css布局之前,我們需要提前知道一些知識,在css中,html中的標籤元素大體被分為三...

HTML CSS基礎知識點複習之三

form 標籤是表單標籤,常用的方法有如下兩個方法 1 表單項沒有 name 屬性值 下拉列表的name寫在select上面 2 單選 複選 下拉列表中的 option 標籤 都需要新增 value 屬性,以便傳送給伺服器 3 表單項不在提交的 form 標籤中 get 請求的特點是 1 瀏覽器位址...