總結 css html
css:html
文字有分文字字體,文字大小,文字的樣式,文字正常,文字傾斜,文字粗細等。
屬性:背景顏色,背景圖片,圖片路徑,橫向背景圖片,背景圖片不能重復,圖片固定定位等
浮動:在最近的父元素定位,父元素沒有定位時找祖元素定位,都沒定位找body元素。
相對定位:相對於自己原來位置進行移動,只是進行位置移動。
絕對定位:是相對於離它最近的已經定位的父元素進行定位,如果父元素和祖先元素都沒有定位,那就參照body進行計算。
選擇器:標簽選擇器, 類選擇器,id選擇器。直接子代選擇器,相鄰兄弟選擇器,上下文選擇器等
塊級元素的寬度默認為父元素的寬度,內聯元素沒有寬高。
盒模型是有內容,邊距,內邊距,外邊距組成的。
html html的頭標簽的使用 html兩部分組成 head和body 在head裏面的標簽就是頭標簽 title標簽:表示在標簽上顯示的內容
有些標簽,沒有結束標簽,比如<br/>換行<hr/>水平線
html中常用的標簽文字標簽和註釋標簽
註釋標簽<!--註釋內容 -->
標題標簽從h1到h6,大小是依次變小,
特殊字符:空格:
列表標簽用的比較廣的 有序列表:<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