css中的選擇器

一、css為層疊樣式表，是用來控制網頁外觀的一門技術。

二css的用法：

2、內嵌：在head標籤中以標籤的形式表現，標籤名style

3、外部引用：在head標籤中以標籤形式表現，標籤名link用來引入乙個css檔案，專案中最常用。

三、選擇器

1、標籤選擇器：通過標籤名找標籤（把指定的樣式應用到某乙個、組、類標籤上）

2、id選擇器：通過id屬性值找標籤，關鍵符號#id值

3、復合選擇器：1、並列選擇器：關鍵符號，用法：選擇器1，選擇器2

2、後代選擇器：符號空格，用法：選擇器1空格選擇器2

3、屬性選擇器：選擇器[屬性=屬性值]

4、篩選：用法：選擇器class選擇器

選擇器的優先順序：1、內聯

2、id選擇器

3、class選擇器

4、標籤選擇器

5、通用選擇器

例子：

1

doctype html
>
2<
html
>
3<
head
>
4<
meta 
charset
="utf-8"
>
5<
title
>無標題文件
title
>
6<
link 
rel="stylesheet"
href
="作業31.css"
>
7head
>
8<
body 
class
="body1"
>910
<
div><
p class
="p1"
>登入-**改變世界
p>
div>
11<
span 
class
="sp1"
>登陸使用者名稱
span
><
span 
class
="sp2"
>(找回)
span
>
12<
div 
class
="div5"
><
input 
type
="text"
>
div>
13<
span 
class
="sp3"
>密碼
span
><
span 
class
="sp4"
>(重置)
span
>
14<
div 
class
="div4"
>
15<
input 
type
="text"
>
16div
>
17<
div 
class
="inp1"
>
18<
input 
type
="checkbox"
>
下次自動登入
19div
>
2021
<
table 
class
="div3"
>
22<
tr>
23<
td>
24<
form 
action
="作業4.html"
method
="post"
><
input 
type
="submit"
value
="登入"
name
="登入"
style
="color: crimson"
>
25form
>
26td
>
27<
td>
28<
form 
action
="zuoye5.html"
method
="post"
>
29<
input 
type
="submit"
value
="註冊"
name
="註冊"
style
="color: crimson"
>
30form
>
31td
>
32tr
>
33table
>
3435
3637
<
div 
class
="div1"
><
a href
="#"
>立即註冊
a>
div>
38<
div 
class
="div2"
><
a href
="#"
>反饋問題
a>
div>
3940
41body
>
42html
>

1

/*css document */2
.p13
.sp1
4.sp4
5.sp2
6.sp3
7.inp1
8.div1 a
9.div2 a

CSS中的選擇器

1.關係選擇器 a.後代選擇器特點 父元素 子元素,中間是空格什麼都不加 b.兒子選擇器的特點 父元素 子元素,中間是 號 c.相鄰選擇器特點 元素 元素,中間用 號,但是兩者要為同一級才行 d.兄弟選擇器特點 元素 元素,兄弟元素中間用 號,必須要兩個為同一級 2.屬性選擇器 a.格式是標籤名 屬...

Css中的選擇器

常用的選擇器有如下幾種 1 標籤選擇器標籤選擇器，此種選擇器影響範圍大.舉例 div 2 id選擇器 html元素以id屬性來設定id選擇器,css 中 id 選擇器以 來定義。通過id名來選擇元素，元素的id名稱不能重複，所以乙個樣式設定項只能對應於頁面上乙個元素，不能復用，id名一般給程式使用，...

CSS中的選擇器

選擇器可以幫助我們在html中選中想要修飾的標籤 下面選擇器為自己梳理總結 a.標籤名選擇器 根據標籤的名稱選中標籤，格式 標籤名 b.類選擇器 在標籤上新增class屬性，可以根據class的值選中標籤，格式 類名 c.id選擇器 在標籤上新增id屬性，根據id的值選中標籤，id不能重複，格式 i...