第17節 基本CSS選擇器

2021-07-26 22:45:32 字數 1674 閱讀 8505

基本css選擇器

基本css選擇器title>

type="text/css">

--.red

.blue

.green

-->

--p -->

--.big

-->

--#green

#blue

#gray

-->

@import 匯入樣式.css;

style>

href="鏈結樣式.css"

type="text/css"

rel="stylesheet">

head>

align=center

class="red">一、標記選擇器h2>

標記選擇器 使用方法:在style中 新增標籤名

align=center

class="blue">二、類別選擇器 使用方法:在style中 新增.(class的名字)h2>

class="green">類別選擇器1p>

class="blue">類別選擇器2p>

class="red big">類別選擇器3p>

align=center

class="green">三、id選擇器 使用方法:h2>

id="blue">id選擇器1p>

id="green">id選擇器2p>

id="gray">id選擇器3p>

align=center

class="red">在html中使用css的方法 包括:行內樣式、內嵌樣式、鏈結樣式、匯入樣式h2>

align=center>行內樣式h2>

style="color:#ff00ff;font-style:italic">行內樣式 格式:《標籤

style屬性="屬性:值">

p>

style="color:#ff0000;text_decoration:underline;">行內樣式 格式:《標籤

style屬性="屬性:值">

p>

style="color:#ff00ff; font-size:20px; font-weight:bold;">正文內容3 p>

align=center>內嵌樣式格式:標籤h2>

內嵌樣式 其實就是選擇器的書寫格式p>

class="a1"

align=center>鏈結樣式格式:h2>

class="a2">鏈結樣式是使用頻率最高的也是最為實用的。實現了html**和css**完全分離。讓後期工作變得簡單好維護。注意link不能巢狀在style標籤中否則沒有效果。p>

class="b1"

align=center>匯入樣式格式:①@import url(***.css) ②@import url("***.css") ③@import url('***.css') ④@import ***.css ⑤@import "***.css" ⑥@import '***.css'h2>

class="b2">匯入樣式和鏈結樣式除了語法不一樣,其他都是一樣的。@import必須巢狀在style才有效果p>

body>

html>

鏈結樣式.css
.a1

.a2

.b1

.b2

CSS 基本選擇器

css的選擇器 告訴css的 作用在哪個標籤上。基本選擇器 標籤名選擇器 div span 類選擇器 在html的標籤上,提供了屬性 class,定位到div的標籤 美工經常使用的方式 寫法 class的名稱 hehe 設定不同的標籤,具有相同的樣式 id選擇器 在html的標籤上,提供的屬性 設定...

基本CSS選擇器

基本css選擇器,復合選擇器,後代選擇器 基本css選擇器有標記選擇器 類別選擇器 id選擇器3種 1。標記選擇器 每一種html標記的名稱都可以作為相應的標記選擇器的名稱,如h1,p,等等 2。類別選擇器 類別選擇器的名稱可以由使用者自定義 格式如下 class 3。id選擇器 與類別選擇器相試 ...

CSS基本選擇器

作用 選擇介面上的某乙個或者某一類元素 標籤選擇器會選擇到頁面上所有的這個標籤的元素 h1 h1為標籤 選擇所有class屬性一致的標籤,跨標籤 同乙個標籤,但是顏色不同,則不能用標籤選擇器。在標籤內定義class,並在style中分別用類選擇器定義顏色 好處 可以多個標籤歸類,是同乙個class,...