天天看點

表格和表單

1、table{border-collapse:collapse;} 單元格間隙合并

2、th,td{padding:0;}重置單元格預設填充

3、colspan 屬性規定單元格可橫跨的列數。

<code>&lt;td colspan="2"&gt;&lt;/td&gt;</code>

4、rowspan 屬性規定單元格可橫跨的行數。

<code>&lt;td rowspan="2"&gt;&lt;/td&gt;</code>

5、給表格加邊框

5、邊框合并

<code>&lt;input type="…… " name="" value="" /&gt;</code>

text 文本框

password 密碼

radio 單選

checkbox 複選

submit 送出

reset 重置

button 按鈕

image 圖檔

file 上傳

hidden 隐藏

textarea 文本域

1、輸入框的樣式outline:none;可去除input外圍光圈;

2、改變輸入框提示如下:

3、文本域

4、表單元素的name屬性是用來和背景互動的,背景和js就是通過name來鎖定元素然後取值指派的。

5、一般label和input radio和CheckBox聯合使用,label的for屬性和input的id相同即可把兩者關聯起來,點選文字時就選中了radio和checkbox。

1、怎麼給以為頁面添加标題圖檔?

在HTML的head裡面添加<code>&lt;link rel="icon" href="xxxxxx.ico"/&gt;</code> 用link标簽引入檔案rel屬性值為icon引入标題圖檔,href為圖檔位址,圖檔是ico格式。

2、a标簽的僞類

a:link,定義正常連結的樣式;

a:visited,定義已通路過連結的樣式;

a:hover,定義滑鼠懸浮在連結上時的樣式;

a:active,定義滑鼠點選連結時的樣式。

滑鼠樣式cursor ;例如當滑鼠移動到某元素上時變為小手,在該元素的style裡面加上<code>cursor:pointer;</code>即可。

上一篇: Spring Boot
下一篇: 定位

繼續閱讀