1. 程式人生 > >總結 css html

總結 css html

刪除 alt tab 區別 sel name checked 特殊 lec

css:html

文字有分文字字體,文字大小,文字的樣式,文字正常,文字傾斜,文字粗細等。

屬性:背景顏色,背景圖片,圖片路徑,橫向背景圖片,背景圖片不能重復,圖片固定定位等

浮動:在最近的父元素定位,父元素沒有定位時找祖元素定位,都沒定位找body元素。

相對定位:相對於自己原來位置進行移動,只是進行位置移動。

絕對定位:是相對於離它最近的已經定位的父元素進行定位,如果父元素和祖先元素都沒有定位,那就參照body進行計算。

選擇器:標簽選擇器, 類選擇器,id選擇器。直接子代選擇器,相鄰兄弟選擇器,上下文選擇器等

塊級元素的寬度默認為父元素的寬度,內聯元素沒有寬高。

盒模型是有內容,邊距,內邊距,外邊距組成的。

html html的頭標簽的使用 html兩部分組成 head和body 在head裏面的標簽就是頭標簽 title標簽:表示在標簽上顯示的內容

有些標簽,沒有結束標簽,比如<br/>換行<hr/>水平線

html中常用的標簽文字標簽和註釋標簽

註釋標簽<!--註釋內容 -->

標題標簽從h1到h6,大小是依次變小,

特殊字符:空格:&nbsp;

列表標簽用的比較廣的 有序列表:<ol></ol> 在ol標簽裏面 <li>具體內容</li> 無序列表 <ul></ul> <li>具體內容</li>

圖像標簽 <img src="圖片的路徑"/>

width:圖片的寬度

height:圖片的高度

alt: 圖片上顯示的文字,把鼠標移動到圖片上。顯示內容

超鏈接標簽 <a href="鏈接到資源的路徑">顯示在頁面上的內容

</a> href: 鏈接的資源的地址

blank : 在一個新窗口打開

self: 在當前頁打開默認

當超鏈接不需要到任何的地址,在href裏面加#<a href="#">

<a name="top">頂部</a>

<a href="#top">回到頂部</a>

pre:是一個有比較好用內聯的元素

表格標簽 table由tr組成,tr由td組成;

border:表格線

bordercolor:表格線的顏色

cellspacing:單元格直接的距離

width:表格的寬度

height:表格的高度

設置對齊方式 對齊,左,居中,右 align: left center right

使用th也可以表示單元格可以實現居中和加粗

<form></form>: 定義一個表單的範圍

屬性:action: 提交到地址,默認提交到當前的頁面

method: 表單提交方式

常用的有兩種get和post,

默認是get請求

get和post區別 get安全級別低一個顯示,post安全級別高一個不顯示。

輸入項:可以輸入內容或者選擇內容的部分

大部分的輸入項使用<input type="輸入項的類型"/> 在輸入項裏面需要有一個name屬性

普通輸入項:<input type="text"/>

密碼輸入項:<input type="password"/>

單選輸入項:<input type="radio"/>

在裏面需要屬性 name name的屬性值必須要相同

復選輸入項:<input type="checkbox"/>

實現默認選中的屬性 checked="checked"

文件輸入項 <input type="file"/>

下拉輸入項 <select name="birth">

<option value="內容所意比如2018">2018</option>

<option value="內容所意比如2019">2019</option>

文本域 <textarea cols="10" rows="10"></textarea>

隱藏項(不會顯示在頁面上,但是存在於html代碼裏面) <input type="hidden" />

提交按鈕 <input type="submit"/> <input type="submit" value="註冊"/>

使用圖片提交 <input type="image" src="圖片路徑"/>

重置按鈕: 回到輸入項的初始狀態 <input type="reset"/>

普通按鈕 <input type="button" value=""/>

html中的其他的常用標簽的使用

b : 加粗 s :刪除線 u :下劃線 i :斜體 sub : 下標 sup : 上標

p :段落標簽 比br標簽多一行 div :自動換行 span:在一行顯示

總結 css html