為網頁新增樣式

2022-05-05 18:18:14 字數 1336 閱讀 4365

h1
id選擇器:#id

元素選擇器:元素

類選擇器:.class

萬用字元選擇器:*

內部樣式表

書寫在style元素中

內聯樣式表

直接書寫在元素的style屬性中

外部樣式表[推薦]

外部樣式可以解決多頁面樣式重複的問題

有利於遊覽器快取,從而提高頁面響應熟讀

有利於**分離(html和css),更容易閱讀和維護

color

background-color

font-size

use agent,ua,使用者**(遊覽器)

font-weight

font-family

font-style

i元素,em元素,預設樣式,是傾斜字型;實際使用時,通常用它表示乙個圖示(icon)

text-decoration

首行文字縮排

line-height

width

height

letter-spacing

word-spacing

text-align

opacity,它設定的是整個元素的透明,它的取值是0~1

在顏色位置設定alpha通道(rgba)

使用cursor設定

display:none; 不生成盒子

visibility:hidden; 生成盒子,只是從視覺上移除盒子,盒子仍然佔據空間

img元素屬於html的概念

背景圖屬於css的概念

當屬於網頁內容時,必須使用img元素

當僅用於美化頁面時,必須使用背景圖

background-image:url()

background-repeat 背景圖重複

預設情況下,背景圖會在橫座標和縱座標中進行重複

background-size

預設值:contain、cover,類似objict-fit

數值或百分比

background-position

設定背景圖的位置

預設值:left、bottom、right、top、center

數值或者百分比

background-attachment

通常用它控制背景圖是否固定

背景圖和背景顏色混用

速寫(簡寫)屬性background

CSS 為網頁新增樣式

css全稱為 層疊樣式表 cascading style sheets 它主要是用於定義html內容在瀏覽器內的顯示樣式,如文字大小 顏色 字型加粗等。如下列 p使用css樣式的乙個好處是通過定義某個樣式,可以讓不同網頁位置的文字有著統一的字型 字型大小或者顏色等。為什麼使用css樣式來設定網頁的外...

開始學習CSS,為網頁新增樣式

目錄 認識css樣式 css樣式的優勢 css 語法 css注釋 任務css全稱為 層疊樣式表 cascading style sheets 它主要是用於定義html內容在瀏覽器內的顯示樣式,如文字大小 顏色 字型加粗等。如下列 p使用css樣式的乙個好處是通過定義某個樣式,可以讓不同網頁位置的文字...

JQuery為元素新增樣式

由於jquery支援css3,所有能很好的相容很多瀏覽器,所以通過jquery來使用css樣式比較好 為定義好的css樣式可以呼叫元素的css方法新增樣式 span css css屬性名 屬性值 如 span css color red 將標籤為span的字型都設為紅色的 id span 如果是定義...