Web前端筆記04 CSS樣式基礎標籤

2021-09-24 21:57:57 字數 804 閱讀 8129

1.font-size:字型大小大小(用於設定字型大小)具體為:

相對長度

說明em

相對於當前文字的字型尺寸

px畫素,最常用(推薦)

相對長度

說明in

英吋cm

厘公尺mm

公釐pt

點2.font-family:字型

設定字型時候,應該注意:

body/* 正確書寫*/

body/* 錯誤書寫*/

1.color:文字顏色

color屬性用於定義文字顏色,取值為:

2.letter-spacing:字間距

3.word-spacing:單詞間距

4.line-height:行間距

5.text-decoretion:文字修飾

6.text-align:水平對齊方式

h1

7.text-indent:首行縮排(2em)復合選擇器是由兩個或多個基礎選擇器,通過不同的方式組合成的,具體為:

1.標籤指定式選擇器

標籤指定式選擇器又稱交集選擇器,由兩個選擇器構成,其中第乙個為標記選擇器,第二個為class選擇器或者id選擇器,兩個選擇器之間不能有空格,如:

h3.one p#two

p

.one

p.one

中間略這是綠色

這是紅色

文字 (藍色)

注:css還具有繼承性,但是下面屬性無法繼承

前端小白奮鬥史04(css)

1.塊元素 常見的塊元素有 相鄰行內元素在一行上,一行可以顯示多個。高 寬直接設定是無效的。預設寬度就是它本身內容的寬度。行內元素只能容納文字或其他行內元素。注意 鏈結裡面不能再放鏈結,特殊情況鏈結裡面可以放塊級元素,但是給轉換一下塊級模式最安全。3.行內塊元素 在行內元素中有幾個特殊的標籤 它們同...

web前端 CSS樣式

一 樣式 a css cascading style sheet 層疊樣式表 b 樣式的引入方式 行內樣式 內容 內部樣式 在頁面頭部 外部樣式 在頁面頭部以link標籤鏈入 c 樣式的基本語法 1.選擇器 2.基本選擇器的種類 1.標籤選擇器 標籤名稱 同名標籤自動響應 2.類選擇器 類選擇器名稱...

web前端學習 CSS樣式設定技巧

一 水平居中設定 在實際工作中常會遇到需要設定水平居中的場景,比如為了美觀,文章的標題一般都是水平居中顯示的。我們將其分為兩種情況 行內元素和塊狀元素,塊狀元素裡面又分為定寬塊狀元素,以及不定寬塊狀元素。1.行內元素 如果被設定元素為文字 等行內元素時,水平居中是通過給父元素設定text align...