css設計指南學習1-css基礎

Jackwoo 發布于2019-08-28 18:01 / 866人閱讀

摘要：從前做網頁的時候就學過。當時應該還是，現在正是和大行其道，去亞馬遜買了一本設計指南，重新系統學習下。引入的三種方法直接在中引用不推薦在頭部用標簽嵌入鏈接。

從前做網頁的時候就學過css。當時應該還是css2，現在正是html5和css3大行其道，去亞馬遜買了一本css設計指南，重新系統學習下。

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

2,在html頭部用style標簽嵌入

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

選擇符：

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

子選擇符
p > em 表示p的子元素em，孫元素em無效
而這里注意到:
似乎塊級元素會打斷父級別塊級或者行內元素的標簽，顯示祖父元素的子元素
例如：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}

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://m.specialneedsforspecialkids.com/yun/110956.html

雙十二大前端工程師讀書清單

摘要：本文最早為雙十一而作，原標題雙大前端工程師讀書清單，以付費的形式發布在上。發布完本次預告后，捕捉到了一個友善的吐槽讀書清單也要收費。這本書便從的異步編程講起，幫助我們設計快速響應的網絡應用，而非簡單的頁面。本文最早為雙十一而作，原標題雙 11 大前端工程師讀書清單，以付費的形式發布在 GitChat 上。發布之后在讀者圈群聊中和讀者進行了深入的交流，現免費分享到這里，不足之處歡迎指教...

happen 2019-08-02 16:00 評論0 收藏0
雙十二大前端工程師讀書清單

摘要：本文最早為雙十一而作，原標題雙大前端工程師讀書清單，以付費的形式發布在上。發布完本次預告后，捕捉到了一個友善的吐槽讀書清單也要收費。這本書便從的異步編程講起，幫助我們設計快速響應的網絡應用，而非簡單的頁面。本文最早為雙十一而作，原標題雙 11 大前端工程師讀書清單，以付費的形式發布在 GitChat 上。發布之后在讀者圈群聊中和讀者進行了深入的交流，現免費分享到這里，不足之處歡迎指教...

余學文 2019-08-22 11:14 評論0 收藏0
雙十二大前端工程師讀書清單

摘要：本文最早為雙十一而作，原標題雙大前端工程師讀書清單，以付費的形式發布在上。發布完本次預告后，捕捉到了一個友善的吐槽讀書清單也要收費。這本書便從的異步編程講起，幫助我們設計快速響應的網絡應用，而非簡單的頁面。本文最早為雙十一而作，原標題雙 11 大前端工程師讀書清單，以付費的形式發布在 GitChat 上。發布之后在讀者圈群聊中和讀者進行了深入的交流，現免費分享到這里，不足之處歡迎指教...

Jochen 2019-08-29 14:01 評論0 收藏0
[譯]148個資源讓你成為CSS專家

摘要：層疊樣式表二修訂版這是對作出的官方說明。速查表兩份表來自一份關于基礎特性，一份關于布局。核心第一篇一份來自的基礎參考指南簡寫速查表簡寫形式參考書使用層疊樣式表基礎指南，包含使用的好處介紹個方法快速寫成高質量的寫出高效的一些提示。迄今為止，我已經收集了100多個精通CSS的資源，它們能讓你更好地掌握CSS技巧，使你的布局設計脫穎而出。 CSS3 資源 20個學習CSS3的有用資源 C...

impig33 2019-08-29 11:10 評論0 收藏0