欧美一区二区三区,国内熟女精品熟女A片视频小说,日本av网,小鲜肉男男GAY做受XXX网站

css的三種基本選擇器,css聲明的基本結(jié)構(gòu)

老白2年前27瀏覽0評論

css的三種基本選擇器,css聲明的基本結(jié)構(gòu)?

css的基本規(guī)則結(jié)構(gòu):由選擇器和聲明塊組成。每個聲明塊中包含一個或多個聲明

每個聲明的格式為:屬性名 : 屬性值

css的三種基本選擇器,css聲明的基本結(jié)構(gòu)

css幾種選擇器的使用?

1.類選擇器(class選擇器)

基本使用:

.類選擇器{

屬性名: 屬性值;

...}

2.id選擇器

基本使用:

#id選擇器{

屬性名: 屬性值;

...

}

3. html元素選擇器

某個html元素{

屬性名: 屬性值;

...

}

4.通配符選擇器

該選擇器可以用到所有的html元素,但是其優(yōu)先權(quán)最低

*{

屬性名: 屬性值;

...

}

css兩大基本結(jié)構(gòu)?

CSS由若干條“規(guī)則”組成,每條規(guī)則有兩個部分:“選擇器”和“聲明塊”。如

h1 {

color: red;

}

DW中常用css樣式四種類型詳細解析說明?

1、外部樣式

格式:<link type="text/css" rel="stylesheet" href="css路徑" />

舉例:<link type="text/css" rel="stylesheet" href="layout.css"/>

用處:這種形式是把css單獨寫到一個css文件內(nèi),然后在源代碼中以link方式鏈接。它的好處是不但本頁可以調(diào)用,其它頁面也可以調(diào)用,是最常用的一種形式。

備注:Rel:指明連接的是什么文件; Type:指明引入的文件的格式類型; Href:指明文件的路徑,以引入文件為基準的相對路徑。

2、內(nèi)部樣式

格式: <style type="text/css">選擇器 {聲明1、聲明2………}</style>

這樣的話,該文件中的所有P標簽都將應用該style樣式,而不需要在沒一個html標簽中寫。

用處:這種形式是內(nèi)部樣式表,它是以<style>和</style>結(jié)尾,寫在源代碼的head標簽內(nèi)。這樣的樣式表只能針對本頁有效。不能作用于其它頁面

3、舉例:

<html>

<head>

<title></title>

<style>

P{

font-size:50px;

color:red;

text-deceration:line

}

</style>

</head>

<body>

</body>

</html>

4、行內(nèi)樣式:就是直接在html標簽后面寫樣式代碼

<p style=”font-size:50px;color:red;text-deceration:line”>啊啊啊啊</p>

用處:這種在標簽內(nèi)以style標記的為內(nèi)部樣式,內(nèi)部樣式只針對標簽內(nèi)的元素有效,因其沒有和內(nèi)容相分離,所以不建議使用。

5、導入樣式

@import url("/css/global.css");

鏈接樣式是以@import url標記所鏈接的外部樣式表,它一般常用在另一個樣式表內(nèi)部。如layout.css為主頁所用樣式,那么我們可以把全局都需要用的公共樣式放到一個 global.css的文件中,然后在layout.css中以@import url("/css/global.css")的形式鏈接全局樣式,這樣就使代碼達到很好的重用性。

6、CSS 規(guī)則由兩個主要的部分構(gòu)成:選擇器,以及一條或多條聲明。

selector {declaration1; declaration2; ... declarationN }

選擇器通常是您需要改變樣式的 HTML 元素。

每條聲明由一個屬性和一個值組成。

屬性(property)是您希望設(shè)置的樣式屬性(style attribute)。每個屬性有一個值。屬性和值被冒號分開。

selector {property: value}

下面這行代碼的作用是將 h1 元素內(nèi)的文字顏色定義為紅色,同時將字體大小設(shè)置為 14 像素。

在這個例子中,h1 是選擇器,color 和 font-size 是屬性,red 和 14px 是值。

h1 {color:red; font-size:14px;}

提示:請使用花括號來包圍聲明。