細(xì)線表格:

1.不設(shè)置border,設(shè)置cellspacing的值為表格線的寬度
2.設(shè)置整個(gè)表格的背景顏色為表格線的顏色，然后在設(shè)置每個(gè)單元格的背景顏色和整個(gè)表格的背景顏色不一樣

1.表單標(biāo)簽(form)

表單標(biāo)簽的作用：收集用戶信息-實(shí)質(zhì)是將表單標(biāo)簽作為容器，來(lái)收集表單標(biāo)簽中其他標(biāo)簽的信息，本身沒(méi)有任何顯示效果

action屬性：設(shè)置提交地址
method屬性：提交方式（get/post）
點(diǎn)提交按鈕提交的時(shí)候，將這個(gè)表單中所有所有相關(guān)標(biāo)簽以name=value的形式按照method屬性提供的提交方式，提交給action屬性對(duì)應(yīng)的接口

form標(biāo)簽提供了兩大功能：a.統(tǒng)一提交 b.重置

2.input標(biāo)簽

既可以放在form標(biāo)簽中，也可以不放在form標(biāo)簽中單獨(dú)使用
type屬性 - type對(duì)應(yīng)的值不一樣，inp標(biāo)簽體現(xiàn)的功能不一樣
a.text - 文本輸入框
name屬性 - 專門用來(lái)區(qū)分不同的信息，相當(dāng)于字典中的key
value屬性 - 標(biāo)簽內(nèi)容，指向輸入框中的內(nèi)容
placeholder屬性 - 當(dāng)輸入框匯總沒(méi)有內(nèi)容的時(shí)候，顯示的提示消息
maxlength屬性 - 設(shè)置輸入框最大能輸入的文字個(gè)數(shù)
b.password - 密碼輸入框
name屬性 - 專門用來(lái)區(qū)分不同的信息，相當(dāng)于字典中key
value屬性 - 標(biāo)簽內(nèi)容，指向輸入框中的內(nèi)容
placeholder屬性 - 當(dāng)輸入框中沒(méi)有內(nèi)容的時(shí)候，顯示的提示信息
maxlength屬性 - 設(shè)置輸入框中能夠輸入的最大文字個(gè)數(shù)
c.radio - 單選按鈕
name屬性 - 要求同一組的數(shù)據(jù)的name屬性值必須一樣,才能單選
value屬性 - 不可見(jiàn)的，專門用于數(shù)據(jù)的提交；或者區(qū)分選中的值
checked屬性 - 讓單選框按鈕處于選中狀態(tài)
d.CheckBox - 復(fù)選框
name屬性 - 要求同一組數(shù)據(jù)的name屬性值必須一樣，才能單選
value屬性 - 不可見(jiàn)的，專門用于數(shù)據(jù)的提交，或者區(qū)分被選中的值
checked屬性 - 讓復(fù)選框按鈕處于選中狀態(tài)
e.button - 普通按鈕
value屬性 - 決定按鈕上顯示的文字
f.sumbit - 提交按鈕
點(diǎn)擊提交按鈕后會(huì)自動(dòng)提交當(dāng)前form中所有設(shè)置了name屬性的相關(guān)標(biāo)簽的值，以name=value的形式進(jìn)行提交
g.reset - 重置按鈕
將當(dāng)前form標(biāo)簽中所有的標(biāo)簽狀態(tài)設(shè)置為初始狀態(tài)

下拉菜單(select-option)

a.select標(biāo)簽 - 代表整個(gè)下拉菜單
name屬性 - 區(qū)分和提交
b.option標(biāo)簽 - 下拉菜單中的選項(xiàng)
內(nèi)容 - 顯示部分
value屬性 - 提交的內(nèi)容
c.optgroup標(biāo)簽
顯示效果上對(duì)下拉菜單進(jìn)行分組
label屬性 - 給分組設(shè)置名字

d.selected屬性 - 設(shè)置默認(rèn)選中

多行文本輸入框(textarea)

可以輸入多行內(nèi)容，內(nèi)容超出范圍可以上下滾動(dòng)
name屬性 - 提交和區(qū)分
rows - 一次性可以顯示的行數(shù)(覺(jué)得高度)
cols - 列數(shù)(一行最多可以顯示多少個(gè)文字，決定寬度)
placeholder - 提示語(yǔ)句
value - 提交、默認(rèn)顯示
內(nèi)容 - 相當(dāng)于value
maxlength屬性 - 最多能夠輸入的文字個(gè)數(shù)

div和span

div和span兩個(gè)標(biāo)簽是無(wú)語(yǔ)義標(biāo)簽，一般用來(lái)將網(wǎng)頁(yè)中的標(biāo)簽進(jìn)行分組和分模塊使用

css

1.什么是css
css是web標(biāo)準(zhǔn)中的表現(xiàn)標(biāo)準(zhǔn)，專門負(fù)責(zé)網(wǎng)頁(yè)中內(nèi)容的布局和樣式
css又叫樣式表
2.css語(yǔ)法
a.基本結(jié)構(gòu)
選擇器{屬性名1：屬性值1;屬性名2：屬性值2；...........}
b.說(shuō)明
選擇器{} - 通過(guò)選擇器決定樣式是針對(duì)哪個(gè)標(biāo)簽寫的(在內(nèi)聯(lián)樣式表中沒(méi)有這個(gè)結(jié)構(gòu))
屬性 - 屬性不是隨便寫的，必須是css提供的兩百多個(gè)屬性中的一個(gè)，屬性名和屬性值之間用冒號(hào)連接，多個(gè)屬性之間用分號(hào)隔開(kāi)(如果沒(méi)有分號(hào)會(huì)導(dǎo)致后面所有的屬性無(wú)效)
3.css代碼寫在哪里？
1.內(nèi)聯(lián)樣式表
將樣式表作為html中標(biāo)簽的style屬性值
內(nèi)聯(lián)樣式表只針對(duì)一個(gè)標(biāo)簽有效
2.內(nèi)部樣式表
將樣式表作為head標(biāo)簽中style標(biāo)簽的內(nèi)容
內(nèi)部樣式表對(duì)當(dāng)前html中的所有標(biāo)簽都有效
3.外部樣式表
將樣式表寫在一個(gè)css文件中，通過(guò)link導(dǎo)入
外部樣式表針對(duì)所有html文件中的所有標(biāo)簽
優(yōu)先級(jí) 內(nèi)聯(lián)樣式表的優(yōu)先級(jí)最高，內(nèi)聯(lián)樣式表和外部樣式表，誰(shuí)后寫誰(shuí)的優(yōu)先級(jí)就高

重用屬性補(bǔ)充
color - 字體顏色
font-size - 字體大小
background-color - 背景顏色
width - 寬度
height - 高度
css中顏色值：a.顏色的英語(yǔ)單詞 b.rgb的十六進(jìn)制值，例如#ff0000
c.直接使用rgb值，rgb(r,g,b),rgba(r,g,b,Alpha) alpha 0(完全透明) 1（完全不透明）
css中的數(shù)字：如果數(shù)字表示大小，必須加單位：px(像素) em(空格)
style標(biāo)簽中的內(nèi)容，必須也只能寫css代碼 - style標(biāo)簽也可以寫在body中，只是習(xí)慣寫在head中
3.外部樣式表
a.link標(biāo)簽：導(dǎo)入外部文件
rel屬性：確定導(dǎo)入的文件功能； stylesheet - 樣式表 icon - 設(shè)置網(wǎng)頁(yè)圖標(biāo)
type屬性：確定文件類型；文件類型/文件后綴 text/css - 文本/文件后綴是css img/ico - 圖片/文件后綴是ico
href屬性 ： 需要導(dǎo)入文件的文件路徑
4.內(nèi)聯(lián)樣式表
body中每個(gè)有顯示效果的標(biāo)簽都有style屬性，用來(lái)設(shè)置當(dāng)前標(biāo)簽的樣式
style屬性值的引號(hào)中， 寫的是css代碼

選擇器

選擇器{屬性名1:屬性值1；屬性名2:屬性值2..........}
css提供的選擇器大概有十幾種，常見(jiàn)的：

1.標(biāo)簽選擇器：直接將標(biāo)簽名作為選擇器，選中當(dāng)前html中所有指定的標(biāo)簽 例如 a{} - 選中當(dāng)前html中所有的a標(biāo)簽

2.id選擇器：將標(biāo)簽的id屬性值前面加#作為選擇器，選擇所有id是指定值的標(biāo)簽 例如：#text{} - 選中當(dāng)前網(wǎng)頁(yè)中所有id屬性值是text的標(biāo)簽

3.class選擇器（類型選擇器）：將標(biāo)簽中class屬性值前面叫.作為選擇器，選中所有class是指定值的標(biāo)簽 例如 - .text{} - 選中當(dāng)前所有class屬性值是text的標(biāo)簽

4.群組選擇器:將多個(gè)選擇器用逗號(hào)隔開(kāi)作為一個(gè)選擇器，同時(shí)選中每個(gè)單獨(dú)的選擇器，選中的所有的標(biāo)簽 例如 p,a,.text,#test{} 選中所有的p標(biāo)簽，a標(biāo)簽和class值是text以及id值是test的標(biāo)簽

5.后代選擇器：將多個(gè)選擇器用空格隔開(kāi)作為一個(gè)選擇器，從前往后一層一層的找，找到最后一個(gè)選擇去對(duì)應(yīng)的標(biāo)簽 例如 div .test #text{} - 選中div標(biāo)簽中class值是test的標(biāo)簽中id值是text的標(biāo)簽

6.通配符:將*作為選擇器，選中當(dāng)前網(wǎng)頁(yè)中所有的標(biāo)簽

text-decoration：underling 給文字添加下劃線
overline - 上劃線
line-through - 刪除線
none - 去掉下劃線

偽類選擇器

偽類選擇器是用來(lái)選中標(biāo)簽的不同狀態(tài)(為了標(biāo)簽的不同狀態(tài)設(shè)置不同的樣式)

1.基本格式

普通選擇器：偽類選擇器

2.偽類選擇器

1)link - 標(biāo)簽的初始狀態(tài)（一般作用于a標(biāo)簽，表示a標(biāo)簽中的連接沒(méi)有成功訪問(wèn)過(guò)對(duì)應(yīng)的狀態(tài)）
標(biāo)簽:link{} - 標(biāo)簽是通過(guò)各種選擇器來(lái)選中的標(biāo)簽
2)visited - 超鏈接被訪問(wèn)過(guò)后的狀態(tài)，一般作用于a標(biāo)簽
3)hover - 鼠標(biāo)停留在標(biāo)簽上的時(shí)候的狀態(tài)
4)active - 激活狀態(tài)，鼠標(biāo)按下沒(méi)有彈起的時(shí)候的狀態(tài)

3愛(ài)恨原則：當(dāng)同一個(gè)標(biāo)簽需要同時(shí)給多個(gè)狀態(tài)添加樣式的時(shí)候，要遵守愛(ài)恨原則

link-visited-hover-active
LoVeHAte

web標(biāo)準(zhǔn)

結(jié)構(gòu)標(biāo)準(zhǔn) - html - 覺(jué)得網(wǎng)頁(yè)中的內(nèi)容
表現(xiàn)標(biāo)準(zhǔn) - css - 決定網(wǎng)頁(yè)中的內(nèi)容的樣式和布局
行為標(biāo)準(zhǔn) - JavaScript - 決定網(wǎng)頁(yè)中的內(nèi)容的變化