CSS 頁面美化和布局控制和選擇器

2021-09-12 18:34:15 字數 661 閱讀 9687

概念: cascading style sheets 層疊樣式表

好處:功能強大

將內容展示和樣式控制分離

css的使用:css與html結合方式

內聯樣式

內部樣式

外部樣式

1. 定義css資源檔案。

2. 在head標籤內,定義link標籤,引入外部的資源檔案

* 注意:

* 第1,2,3種方式 css作用範圍越來越大

* 第1方式不常用,後期常用第2,3種

css語法:

選擇器:篩選具有相似特徵的元素

元素選擇器:選擇具有相同標籤名稱的元素

類選擇器:選擇具有相同的class屬性值的元素。

擴充套件選擇器:

選擇所有元素:

並集選擇器:

子選擇器:篩選選擇器1元素下的選擇器2元素

父選擇器:篩選選擇器2的父元素選擇器1

屬性選擇器:選擇元素名稱,屬性名=屬性值的元素

偽類選擇器:選擇一些元素具有的狀態

屬性字型、文字

背景

邊框

尺寸

盒子模型:控制布局(內外邊距是相對概念)

float:浮動

先說到這裡,後續再更新。。。。

CSS 頁面美化和布局控制

2.好處 層疊 多個樣式可以作用在同乙個html的元素上,同時生效1.功能強大 2.將內容展示和樣式控制分離 降低耦合度。解耦 讓分工協作更容易 提高開發效率1.內聯樣式 在標籤內使用style屬性指定css 如 hello css 2.內部樣式 在head標籤內,定義style標籤,style標籤...

CSS 頁面美化和布局控制

1.內聯樣式 在標籤內使用style屬性指定css 如 hello css 2.內部樣式 在head標籤內,定義style標籤,style標籤的標籤體內容就是css 如 hello css 3.外部樣式 1.定義css資源檔案。2.在head標籤內,定義link標籤,引入外部的資源檔案 如 a.cs...

CSS 頁面美化和布局控制

1.概念 cascading style sheets 層疊樣式表 層疊 多個樣式可以作用在同乙個html的元素上,同時生效 2.好處 1.功能強大 2.將內容展示和樣式控制分離 降低耦合度。解耦 讓分工協作更容易 提高開發效率 3.css的使用 css與html結合方式 1.內聯樣式 在標籤內使用...