1.letter—spacing 字符間距砰诵。選擇器:.A>*.B選中A的所有兒子元素B,多個(gè)嵌套極好用。
2.屬性選擇器 屬性名=屬性;例如input中
含有type温技,name為屬性名。改樣式時(shí)input[name]{},就可選中含name的那一個(gè)input扭粱。input[name=1]{}舵鳞,表示選擇第一個(gè)。input[name^=u]{}表示選中name值中u開頭的元素這里為第一個(gè)input琢蛤。input[name$=m]{},表示以m結(jié)尾的
3.超鏈接a標(biāo)簽訪問(wèn)點(diǎn)擊前后顏色設(shè)置a:link{}表示為訪問(wèn)前標(biāo)簽選中設(shè)置蜓堕。a:visited{}表示訪問(wèn)后標(biāo)簽選中設(shè)置。切記:已測(cè)試a:link只有href鏈接所選子頁(yè)面才可產(chǎn)生設(shè)置效果博其,域名側(cè)不會(huì)產(chǎn)生顯示的是visited的設(shè)置效果套才。a:active{}表示鼠標(biāo)按下后標(biāo)簽選中設(shè)置。First-letter表示首字母設(shè)置慕淡,:nth-child(),:nth-of-type()常用偽類選擇器背伴。注意擺放順序,可去菜鳥教程查看
4.一般header都有個(gè)min-width:960px;
5.合并單元格用colspan 和rowspan 來(lái)標(biāo)示單元格是橫向還是縱向吃了幾個(gè)單元格峰髓,colspan=“5”傻寂,表示把五個(gè)合并成一個(gè)
6.網(wǎng)頁(yè)內(nèi)嵌個(gè)提交表單,內(nèi)容提交至百度儿普,form中action提交地址https://www.baidu.com/s(注意后面多的字母細(xì)節(jié))以及在輸入框的input的name屬性中要寫入wd才會(huì)有效提交成功
7.表單中單選type=“radio”崎逃,要name=“”的內(nèi)容一致的時(shí)候,才會(huì)有單選效果(已親測(cè))眉孩,選框中點(diǎn)擊文字勾選(擴(kuò)大選擇域)label標(biāo)簽包住input个绍,其他自行百度勒葱。
8.三個(gè)表單屬性的區(qū)別作用
9.按鈕<button>可放置圖片<img>,圖片按鈕效果巴柿,在表單中也有提交效果
10.實(shí)現(xiàn)box盒子的總寬度為300px凛虽,解決方案:
1 把width =
width(300) - padding-left(50)解決方案:
2 設(shè)置盒子模式,設(shè)置盒子屬性box-sizing:
border-box广恢;width和padding-left照常設(shè)置即可凯旋,盒子動(dòng)態(tài)保持300px。
11.柵格布局中:col-md-push-3向右推3個(gè)距離钉迷,col-md-pull-3向左拉3個(gè)距離至非,不會(huì)對(duì)其他盒子產(chǎn)生擠動(dòng)
12.父元素沒(méi)有設(shè)置border,子元素的margin—top會(huì)失效糠聪,可以吧父的邊框設(shè)置為透明transparent
頁(yè)面小測(cè)試:https://tanzhuokun.github.io/TzkWinterTest_1.github.io/