css設計指南學習1 css基礎

2021-06-28 00:50:07 字數 719 閱讀 9987

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

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

類選擇符

那麼 

.specialtext

h1.specialtext

都可以選擇之

7. id選擇符

這是由id定義的段落哦

#99

css設計指南學習1 css基礎

從前做網頁的時候就學過css。當時應該還是css2,現在正是html5和css3大行其道,去亞馬遜買了一本css設計指南,重新系統學習下。2,在html頭部用style標籤嵌入 3,鏈結。不直觀,但是有助於文件整潔 選擇符 上下文選擇符 p em 表示p為祖先元素的所有em 不一定非要是父 子選擇符...

css權威指南(1) css和文件

替換元素 替換元素指用來替換元素內容的部分並非由文件內容直接表示。在xhtml中,我們最熟悉的替換元素是img元素。它有文件本身之外的乙個影象檔案來替換。實際上,img並沒有具體的內容。src png 這個標記片段不包含任何具體內容。只有乙個元素名和屬性名。除非將其指向乙個具體內容,否則這個元素沒有...

CSS從零開始 1 CSS基礎語法

1 css語法 css規則有兩個主要部分構成 選擇器,以及一條或多條說明。例如 selector 注 選擇器通常是你需要改變樣式的html元素。每條宣告有乙個屬性和乙個值組成。屬性 property 是你希望設定的樣式屬性 style attribute 每個屬性都有乙個值,屬性與值之間通過冒號 隔...