論CSS樣式的使用以及常用屬性

2022-08-22 06:36:13 字數 2431 閱讀 6835

css的使用方式()

1.行內樣式(內聯樣式)

《標籤 >

2.頁面嵌入(內部樣式表)

在head標籤裡面增加乙個子標籤

3.外部檔案(外部樣式表)

在head標籤裡面增加乙個子標籤

4.外部匯入樣式

主要用在樣式初始化。因為有一些標籤有自己的樣式,我們需要清空,方便自己計算

*

css------選擇器

id選擇器

使用id選擇器:在元素上面增加乙個id屬性,id屬性的屬性值不用用數字開頭

乙個頁面中只能有乙個id屬性值

css中id選擇的表示方法用 # 表示

class選擇器

使用class選擇器:在元素上增加乙個class屬性,class屬性的屬性值不能用數字開頭

乙個頁面中可以有多個class屬性值

css中class選擇器的表示方法用 . 表示

標籤選擇器

直接寫標籤名

組合選擇器

選擇器直接用,分隔開即可

子代選擇器

> 只針對子代

後代選擇器

用空格表示,包含著子代選擇器

通用選擇器

* 針對於所有的標籤

選擇器是有權重的

內聯樣式 1000

id 100

class 10

元素 1

通用 0

boss !important 只要出現,就以這個為主

text-align: right;     /*文字對齊方式*/

text-decoration: underline;    /*文字下劃線*/

line-height: 166.67px;      /*文字的行高*//*一行文字所佔的高度,讓他上下居中*/

font-family: "字型";設定字型的樣式

font-style:     ;     /*規定字型是否傾斜*/

font-weight: bold;加粗

font-size:  16px ;     /*設定字型的大小*/

在瀏覽器中,預設的字型大小16px

谷歌瀏覽器中,字型大小最小可以為12px

火狐沒有限制

:hover 叫偽類選擇器

當你的滑鼠放上去的時候,會變化成的樣子權值 10

無序列表:

background-color: rgba(255,0,0,0.1); /*最後乙個引數a表示透明度,取值的範圍是0-1之間,可以為0和1*/

/*只表示背景顏色*/

background-color: #f00;

opacity: 0.1; /*取值的範圍是0-1之間,可以為0和1*/

/*表示整個元素*/

CSS常用樣式屬性

1.css字型和文字相關屬性 屬性 font family 規定文字的字型系列,比如 serif sans serif font size 規定文字的字型尺寸 font style 規定文字的字型樣式。主要有normal,italic,oblique font weight 規定字型的粗細。主要有n...

css常用樣式屬性總結

在css樣式表中,常用樣式屬性 文字屬性 說 明 font size 字型大小 font family 字型型別 font style 字型樣式 color 設定或檢索文字的顏色 text align 文字對齊 背景屬性 說 明 background color 設定背景顏色 background ...

CSS樣式常用屬性整理

web工程師是最近5年剛剛興起的一門高薪職業,人們的專注度越來越高。那麼前端除了學習html標籤之外還需要掌握什麼知識點呢?為大家整理了乙個和html標籤密不可分的知識要點 css樣式常用屬性 css 常用屬性 z index auto 預設值 檢索或設定物件的層疊順序。並級的物件,此屬性引數值越大...