CSS美化頁面

2021-10-10 04:37:27 字數 2303 閱讀 5107

層疊樣式表(英文全稱:cascading style sheets)是一種用來表現 html 或 xml 等檔案樣式的計算機語言。css不僅可以靜態地修飾網頁,還可以配合各種指令碼語言動態地對網頁各元素進行格式化。

css優點:

css注釋標籤:/*注釋內容*/

選擇器
選擇網頁中的標籤,給標籤內的文字新增css樣式;

h1

首先給需要新增樣式的文字標籤新增乙個類名class;隨後選擇器以.類名為選擇器名,這樣所有選擇的類名的文字都會使用此樣式

.red

#green

"green">這是乙個id選擇器

內聯樣式表是在需要新增樣式的文字標籤上直接新增樣式元素

"color: #ff0000">內聯樣式表

呼叫方式:

//鏈結式,更為常用,不需要style標籤

"styleheet" href="樣式檔案路徑"/>

//推導式,需要寫在style標籤內,並且是css2.1版本特有的

讓某段內容凸顯出來,常給需要新增樣式的文字使用

(1)字型型別:font-family

p

(2)字型大小:font-size

p

(3)字型風格:font-style

p

(4)字型粗細:font-wigth

p

(5)一次宣告所有屬性:font

字型屬性的順序:字型風格、字型粗細、字型大小、字型型別(空格分隔)

p

(1)顏色:color

(2)水平對齊方式:text-align

#green

(3)首行縮排:text-indent

#green

(4)行高:line-height

#green

(5)文字裝飾線:text-decoration

h1

(6)垂直對齊方式:vertical-align

.red

(7)文字陰影:text-shadow

h1

偽類語法:

標籤名:偽類名

設定偽類順序:link---->visited---->hover---->active

a:link

a:visited

a:hover

a:active

body

背景影象:background-image

body

背景重複方式:background-repeat

body

背景定位:background-position

body

背景尺寸:background-size

percentage:百分比(x%,y%)

body

CSS美化頁面布局

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

CSS之美化頁面

標籤行內定義乙個區域 就是說一行可以被劃分多個小區域,從而實現某種特定效果。本身並不具備屬性。和是相似的 在從css中 屬性行內元素 而屬於塊級元素 什麼是行內元素 標籤可以在一行內 什麼是塊級元素 標籤自己獨佔一行 font size 字型大小 font family 字型型別 屬性值有 黑體,宋...

CSS 頁面美化和布局控制

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