CSS的基本知識

2022-06-21 04:30:10 字數 1588 閱讀 4821

與html相同,css也是一種標識語言,即可以在任何文字編輯器中開啟和修改

選擇器(selector)

選擇器告訴瀏覽器該樣式將會作用於哪些物件,這些物件可以是某個標籤、某個物件、網頁中的所有物件、制定class或id等。瀏覽器在解析這個樣式時,根據選擇器來渲染物件的顯示效果,選擇器也可稱為選擇符

宣告(declaration)

宣告可以增加乙個或無數個,這些宣告命令瀏覽器如何去渲染選擇器指定的物件,宣告必須包含兩部分:

(1)屬性

(2)屬性值

除此之外,還應當使用分號來標識乙個宣告的結束,在乙個樣式中最後乙個宣告可以省略分號。所有宣告都被放置在乙個大括號內{},然後整體緊鄰選擇器的後面

屬性(property):

屬性是css提供的設定好的樣式選項。屬性由乙個單詞或者多個單詞組成,多個單詞之間使用連字元相接。

屬性值(value):

屬性值用於定義顯示效果的引數,如color、size等屬性。它包含數值和單位、關鍵字等。

例如:

body

//定義網頁字型大小為12畫素,顏色為深灰色

css樣式必須放在特定型別的檔案、標籤或者屬性中,否則無效,即瀏覽器不會識別和解析。css**一般可以放置在三個地方

(1)直接放置在style屬性中:

例如:

```

紅色字型

```效果:!(

這種通過style屬性直接將樣式**放在標籤內的做法被稱之為**行內樣式**,因為它與傳統網頁布局中在標籤增加屬性的設計方法一致,這種方法並未做到把html結構和css表現分開設計,因此不建議使用

1、值的不同寫法:

除了單詞之外,還可以使用16進製制的顏色值

```css

p //表示紅色

```為了節約位元組,可以使用css的縮寫形式:

```css

p```其他的兩種方式:

```csspp

```需要注意的是,即使是0%,**也不能寫作0**,必須加上%號

2、記得寫引號

當值為若干單詞(如定義字型font-family)

```css

p```

3、多重宣告

如果要定義不止乙個宣告,則需要用分號將每乙個宣告分開

```css

p```

為了增加**的可讀性,最好:

```css

p```

CSS基本知識

選擇符表示要定義樣式的物件,可以是元素本身,也可是一類元素或制定名稱的元素 在css選擇符中,大致可有10種 類選擇符 id選擇符 class選擇符 萬用字元 群組選擇符 包含選擇符 偽類選擇符 偽物件選擇符 關於選擇符的權重問題,css中用四位數來表示權重,權重的表示式如0000 在這裡特別要注意...

CSS 基本知識

html示例 塊級元素 display block 每個塊級元素佔一行,多個塊級元素上下堆疊顯示,它的寬度預設為父元素的寬度,高度由它的內容高度決定 內容撐開 塊級元素有 6級標籤 段落 有序列表 列表項 等等行內元素 display inline 多個行內元素在一行內顯示,當同一行寬度不夠時,才到...

CSS基本知識

css又名層疊樣式表 英文全稱 cascading style sheets 是一種用來表現html 標準通用標記語言的乙個應用 或xml 標準通用標記語言的乙個子集 等檔案樣式的計算機語言。css不僅可以靜態地修飾網頁,還可以配合各種指令碼語言動態地對網頁各元素進行格式化 css 能夠對網頁中元素...