摘要:從前做網(wǎng)頁的時候就學(xué)過。當(dāng)時應(yīng)該還是,現(xiàn)在正是和大行其道,去亞馬遜買了一本設(shè)計指南,重新系統(tǒng)學(xué)習(xí)下。引入的三種方法直接在中引用不推薦在頭部用標(biāo)簽嵌入鏈接。
從前做網(wǎng)頁的時候就學(xué)過css。當(dāng)時應(yīng)該還是css2,現(xiàn)在正是html5和css3大行其道,去亞馬遜買了一本css設(shè)計指南,重新系統(tǒng)學(xué)習(xí)下。
引入css的三種方法:
1,直接在html中引用(不推薦)
2,在html頭部用style標(biāo)簽嵌入
3,鏈接。不直觀,但是有助于文檔整潔
選擇符:
上下文選擇符 p em {...;} 表示p為祖先元素的所有em(不一定非要是父)
子選擇符
p > em 表示p的子元素em,孫元素em無效
而這里注意到:
似乎塊級元素會打斷父級別塊級或者行內(nèi)元素的標(biāo)簽,顯示祖父元素的子元素
例如:body>p>h2
body > h2是可以選擇這個h2的。相鄰元素選擇符
p + h2 選擇上文緊挨著兄弟元素為p的h2一般同胞選擇符
p ~ h2 選擇p所有后面的不一定緊鄰的兄弟元素的h2通用選擇符*
會選擇全部元素 一般用于次級 p * 表示所有p的文本
技巧!
可以用于選擇孫元素跳過子元素
section * p {...;}類選擇符
這是由類定義的h1那么 .specialText h1.specialText 都可以選擇之7. id選擇符
這是由id定義的段落哦
#99 {font-style: italic}
文章版權(quán)歸作者所有,未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請注明本文地址:http://specialneedsforspecialkids.com/yun/110956.html
摘要:本文最早為雙十一而作,原標(biāo)題雙大前端工程師讀書清單,以付費的形式發(fā)布在上。發(fā)布完本次預(yù)告后,捕捉到了一個友善的吐槽讀書清單也要收費。這本書便從的異步編程講起,幫助我們設(shè)計快速響應(yīng)的網(wǎng)絡(luò)應(yīng)用,而非簡單的頁面。 本文最早為雙十一而作,原標(biāo)題雙 11 大前端工程師讀書清單,以付費的形式發(fā)布在 GitChat 上。發(fā)布之后在讀者圈群聊中和讀者進(jìn)行了深入的交流,現(xiàn)免費分享到這里,不足之處歡迎指教...
摘要:本文最早為雙十一而作,原標(biāo)題雙大前端工程師讀書清單,以付費的形式發(fā)布在上。發(fā)布完本次預(yù)告后,捕捉到了一個友善的吐槽讀書清單也要收費。這本書便從的異步編程講起,幫助我們設(shè)計快速響應(yīng)的網(wǎng)絡(luò)應(yīng)用,而非簡單的頁面。 本文最早為雙十一而作,原標(biāo)題雙 11 大前端工程師讀書清單,以付費的形式發(fā)布在 GitChat 上。發(fā)布之后在讀者圈群聊中和讀者進(jìn)行了深入的交流,現(xiàn)免費分享到這里,不足之處歡迎指教...
摘要:本文最早為雙十一而作,原標(biāo)題雙大前端工程師讀書清單,以付費的形式發(fā)布在上。發(fā)布完本次預(yù)告后,捕捉到了一個友善的吐槽讀書清單也要收費。這本書便從的異步編程講起,幫助我們設(shè)計快速響應(yīng)的網(wǎng)絡(luò)應(yīng)用,而非簡單的頁面。 本文最早為雙十一而作,原標(biāo)題雙 11 大前端工程師讀書清單,以付費的形式發(fā)布在 GitChat 上。發(fā)布之后在讀者圈群聊中和讀者進(jìn)行了深入的交流,現(xiàn)免費分享到這里,不足之處歡迎指教...
摘要:層疊樣式表二修訂版這是對作出的官方說明。速查表兩份表來自一份關(guān)于基礎(chǔ)特性,一份關(guān)于布局。核心第一篇一份來自的基礎(chǔ)參考指南簡寫速查表簡寫形式參考書使用層疊樣式表基礎(chǔ)指南,包含使用的好處介紹個方法快速寫成高質(zhì)量的寫出高效的一些提示。 迄今為止,我已經(jīng)收集了100多個精通CSS的資源,它們能讓你更好地掌握CSS技巧,使你的布局設(shè)計脫穎而出。 CSS3 資源 20個學(xué)習(xí)CSS3的有用資源 C...
閱讀 1849·2021-09-29 09:35
閱讀 2711·2021-09-22 15:25
閱讀 1972·2021-08-23 09:43
閱讀 2049·2019-08-30 15:54
閱讀 3349·2019-08-30 15:53
閱讀 2387·2019-08-30 13:50
閱讀 2399·2019-08-30 11:24
閱讀 2269·2019-08-29 15:37