CSS 容器和選擇器的簡單應用

2021-10-08 06:51:30 字數 1356 閱讀 4764

選擇器

權重行內樣式

1000

id#100

class.10標籤1

通用*0

基本了解

容器標籤不具備任何特殊特殊作用,僅當作容器來使用

先介紹我學習到的兩個最基礎的容器: 實踐

利用容器來達到如下的效果:

居中標題

<

/span>

<

/p>

<

/div>

<

/body>在 head 標籤中使用 style 標籤,將所有標籤的內容寫入,會使 body 更加簡單清新。

text-decoration: none 文字無修飾

text-align: center 文字內容居中

line-height:行高

"#">首頁<

/a>

"#">選項<

/a>

<

/div>

"bottom"

>

<

/div>

<

/body>

<

/html>效果如下:

jquery選擇器和css選擇器

今天開發中碰到乙個問題。class maindiv class mydiv name id div class mydiv name id div class mydiv name id div class mydiv name id div div 是這樣,我獲取class mydiv 下面的某乙...

CSS選擇器和其他選擇器

lang en charset utf 8 選擇器title ctrl shift 群組選擇器 box,color,span 選中ol標籤裡的li標籤 ol li ul red 直接子元素選中 box2 div 相鄰兄弟 span p 普通兄弟 span p style head box boxdi...

CSS簡單選擇器

選擇器 選中頁面中的元素,並將選擇器後面的樣式 應用到選中的樣式。選中所有的p元素並應用樣式。p.這是乙個p標籤 標籤可以省略,表示選擇所有指定該class屬性值的元素 如果不省略,表示class屬性為該值得特定標籤 將所有class屬性的值為text的元素的顏色設為天藍色 將class屬性的值為t...