成人无码视频,亚洲精品久久久久av无码,午夜精品久久久久久毛片,亚洲 中文字幕 日韩 无码

資訊專欄INFORMATION COLUMN

css設(shè)計(jì)指南學(xué)習(xí)1-css基礎(chǔ)

Jackwoo / 910人閱讀

摘要：從前做網(wǎng)頁(yè)的時(shí)候就學(xué)過(guò)。當(dāng)時(shí)應(yīng)該還是，現(xiàn)在正是和大行其道，去亞馬遜買(mǎi)了一本設(shè)計(jì)指南，重新系統(tǒng)學(xué)習(xí)下。引入的三種方法直接在中引用不推薦在頭部用標(biāo)簽嵌入鏈接。

從前做網(wǎng)頁(yè)的時(shí)候就學(xué)過(guò)css。當(dāng)時(shí)應(yīng)該還是css2，現(xiàn)在正是html5和css3大行其道，去亞馬遜買(mǎi)了一本css設(shè)計(jì)指南，重新系統(tǒng)學(xué)習(xí)下。

引入css的三種方法：
1,直接在html中引用（不推薦）




2,在html頭部用style標(biāo)簽嵌入




    





3,鏈接。不直觀，但是有助于文檔整潔

    



選擇符：




上下文選擇符 p em {...;} 表示p為祖先元素的所有em（不一定非要是父）


子選擇符

p > em 表示p的子元素em，孫元素em無(wú)效

而這里注意到:

似乎塊級(jí)元素會(huì)打斷父級(jí)別塊級(jí)或者行內(nèi)元素的標(biāo)簽，顯示祖父元素的子元素

例如：body>p>h2

body > h2是可以選擇這個(gè)h2的。


相鄰元素選擇符

p + h2 選擇上文緊挨著兄弟元素為p的h2


一般同胞選擇符

p ~ h2 選擇p所有后面的不一定緊鄰的兄弟元素的h2


通用選擇符*

會(huì)選擇全部元素 一般用于次級(jí) p * 表示所有p的文本

技巧！

可以用于選擇孫元素跳過(guò)子元素

section * p {...;}


類選擇符


這是由類定義的h1


那么 
.specialText
h1.specialText
都可以選擇之




7. id選擇符



這是由id定義的段落哦



#99 {font-style: italic}

文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請(qǐng)注明本文地址：http://m.hztianpu.com/yun/110956.html

相關(guān)文章

  • 雙十二大前端工程師讀書(shū)清單

    摘要：本文最早為雙十一而作，原標(biāo)題雙大前端工程師讀書(shū)清單，以付費(fèi)的形式發(fā)布在上。發(fā)布完本次預(yù)告后，捕捉到了一個(gè)友善的吐槽讀書(shū)清單也要收費(fèi)。這本書(shū)便從的異步編程講起，幫助我們?cè)O(shè)計(jì)快速響應(yīng)的網(wǎng)絡(luò)應(yīng)用，而非簡(jiǎn)單的頁(yè)面。 本文最早為雙十一而作，原標(biāo)題雙 11 大前端工程師讀書(shū)清單，以付費(fèi)的形式發(fā)布在 GitChat 上。發(fā)布之后在讀者圈群聊中和讀者進(jìn)行了深入的交流，現(xiàn)免費(fèi)分享到這里，不足之處歡迎指教...

    happen 評(píng)論0 收藏0

  • 雙十二大前端工程師讀書(shū)清單

    摘要：本文最早為雙十一而作，原標(biāo)題雙大前端工程師讀書(shū)清單，以付費(fèi)的形式發(fā)布在上。發(fā)布完本次預(yù)告后，捕捉到了一個(gè)友善的吐槽讀書(shū)清單也要收費(fèi)。這本書(shū)便從的異步編程講起，幫助我們?cè)O(shè)計(jì)快速響應(yīng)的網(wǎng)絡(luò)應(yīng)用，而非簡(jiǎn)單的頁(yè)面。 本文最早為雙十一而作，原標(biāo)題雙 11 大前端工程師讀書(shū)清單，以付費(fèi)的形式發(fā)布在 GitChat 上。發(fā)布之后在讀者圈群聊中和讀者進(jìn)行了深入的交流，現(xiàn)免費(fèi)分享到這里，不足之處歡迎指教...

    余學(xué)文 評(píng)論0 收藏0

  • 雙十二大前端工程師讀書(shū)清單

    摘要：本文最早為雙十一而作，原標(biāo)題雙大前端工程師讀書(shū)清單，以付費(fèi)的形式發(fā)布在上。發(fā)布完本次預(yù)告后，捕捉到了一個(gè)友善的吐槽讀書(shū)清單也要收費(fèi)。這本書(shū)便從的異步編程講起，幫助我們?cè)O(shè)計(jì)快速響應(yīng)的網(wǎng)絡(luò)應(yīng)用，而非簡(jiǎn)單的頁(yè)面。 本文最早為雙十一而作，原標(biāo)題雙 11 大前端工程師讀書(shū)清單，以付費(fèi)的形式發(fā)布在 GitChat 上。發(fā)布之后在讀者圈群聊中和讀者進(jìn)行了深入的交流，現(xiàn)免費(fèi)分享到這里，不足之處歡迎指教...

    Jochen 評(píng)論0 收藏0

  • [譯]148個(gè)資源讓你成為CSS專家

    摘要：層疊樣式表二修訂版這是對(duì)作出的官方說(shuō)明。速查表兩份表來(lái)自一份關(guān)于基礎(chǔ)特性，一份關(guān)于布局。核心第一篇一份來(lái)自的基礎(chǔ)參考指南簡(jiǎn)寫(xiě)速查表簡(jiǎn)寫(xiě)形式參考書(shū)使用層疊樣式表基礎(chǔ)指南，包含使用的好處介紹個(gè)方法快速寫(xiě)成高質(zhì)量的寫(xiě)出高效的一些提示。 迄今為止，我已經(jīng)收集了100多個(gè)精通CSS的資源，它們能讓你更好地掌握CSS技巧，使你的布局設(shè)計(jì)脫穎而出。 CSS3 資源 20個(gè)學(xué)習(xí)CSS3的有用資源 C...

    impig33 評(píng)論0 收藏0

發(fā)表評(píng)論

0條評(píng)論

閱讀需要支付1元查看
<