CSS 頁面美化和布局控制

2021-10-06 02:19:14 字數 650 閱讀 3145

概念: cascading style sheets 層疊樣式表

* 層疊:多個樣式可以作用在同乙個html的元素上,同時生效

好處:功能強大

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

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

內聯樣式

內部樣式

css語法:

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

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

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

擴充套件選擇器:

選擇所有元素:

並集選擇器:

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

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

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

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

屬性字型、文字

背景

邊框

尺寸

盒子模型:控制布局

float:浮動

新使用者註冊

user register

​ 已有賬號?立即登入

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.內聯樣式 在標籤內使用...