簡單回憶了一下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 瀏覽器位址...