前端知識(shí)摘寫(xiě)(一)

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開(kāi)頭的元素這里為第一個(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()常用偽類(lèi)選擇器。注意擺放順序,可去菜鳥(niǎo)教程查看

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屬性中要寫(xiě)入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/

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書(shū)系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • 瀏覽器與服務(wù)器的基本概念 瀏覽器(安裝在電腦里面的一個(gè)軟件) 作用: ①將網(wǎng)頁(yè)內(nèi)容渲染呈現(xiàn)給用戶查看。 ②讓用戶通...
    云還灬閱讀 1,284評(píng)論 0 0
  • HTML 5 HTML5概述 因特網(wǎng)上的信息是以網(wǎng)頁(yè)的形式展示給用戶的,因此網(wǎng)頁(yè)是網(wǎng)絡(luò)信息傳遞的載體。網(wǎng)頁(yè)文件是用...
    阿啊阿吖丁閱讀 4,953評(píng)論 0 0
  • 第一部分 HTML&CSS整理答案 1. 什么是HTML5? 答:HTML5是最新的HTML標(biāo)準(zhǔn)。 注意:講述HT...
    kismetajun閱讀 28,819評(píng)論 1 45
  • 概述 在網(wǎng)易云課堂學(xué)習(xí)李南江老師的《從零玩轉(zhuǎn)HTML5前端+跨平臺(tái)開(kāi)發(fā)》時(shí),所整理的筆記。筆記內(nèi)容為根據(jù)個(gè)人需求所...
    墨荀閱讀 2,475評(píng)論 0 7
  • 一、CSS入門(mén) 1、css選擇器 選擇器的作用是“用于確定(選定)要進(jìn)行樣式設(shè)定的標(biāo)簽(元素)”。 有若干種形式的...
    寵辱不驚丶?xì)q月靜好閱讀 1,729評(píng)論 0 6

友情鏈接更多精彩內(nèi)容