CSS的文字屬性

2021-10-06 17:39:02 字數 1634 閱讀 8153

css外觀屬性

color: 文字顏色

預定義的顏色值 如 red green blue 等

十六進製制, 如#ff0000 = #f00, #ff6600 #f60, #29d794等 實際工作中 十六進製制是最常用的定義顏色的方式

rgb** 如容色可以表示為 rgb(255,0,0) 或者 rgb(100%,0%,0%)

line-height: 行間距

設定行間距 就是行與行之間的距離

text-align: 水平對齊方式

設定文字內容的水平對齊 相當於html中的align對齊屬性

left(左對齊) right(右對齊) center(居中對齊)

text-indent : 首行縮排

設定首行文字的縮排,建議使用em作為設定單位

漢字的段落 1em就是乙個漢字的寬度

letter-spacing : 字間距

定義字元與字元之間的間距 允許使用負值 預設為 normal

word-spacing : 單詞間距

定義英語單詞之間的間距 對中文字元無效 允許使用負值 預設為 normal

word-spacing和letter-spacing均可對英文進行設定 不同的是letter-spacing定義的為字母之間的間距 而word-spacing定義的為英文單詞之間的間距

word-break: 自動換行

normal 使用瀏覽器預設的換行規則

break-all 允許在單詞內換行

keep-all 只能在半形或連字元處換行

文字陰影

text-shadow: 水平位置 垂直位置 模糊距離 陰影顏色

h-shadow(水平陰影) v-shadow(垂直陰影)

blur(模糊距離) color(陰影顏色)

引入css樣式表(書寫位置)

1.內嵌式 2.行內式(內聯樣式) 3.鏈入式

注:href: 定義所鏈結外部樣式表檔案的url,可以是相對路徑 也可以是絕對路徑

type: 定義所鏈結文件的型別, 在這裡需要指定為"text/css",表示鏈結的外部檔案為css樣式表

rel : 定義當前文件與被鏈結文件之間的關係,在這裡需要指定為"stylesheet"表示被鏈結的文件是乙個樣式表檔案

標籤顯示模式轉換 display

塊轉行內 : display: inline;

行內轉塊 : display: block;

塊、行內元素轉換為行內塊 : display : inline-block;

css復合選擇器

1.交際選擇器:由兩個選擇器構成 其中第乙個為標籤選擇器 第二個為 class 選擇器 兩個選擇器之間不能有空格 如 h2.special

2.並集選擇器:任何形式的選擇器(包括標籤選擇器,class類選擇器id選擇器等),都可以作為並集選擇器的一部分 如果某些選擇器定義的樣式完全相同 或 部分相同 就可以利用並集選擇器為他們定義相同的css樣式

3.後代選擇器:用來選擇元素或元素組的後代 其寫法就是把外層標籤寫在前面 內層標籤寫在後面 中間用空格分隔 當標籤發生巢狀時 內層標籤就稱為外層標籤的後代

4.子元素:只能選擇作為某元素子元素的元素 其寫法就是把父級標籤寫在前面 子級標籤寫在後面 中間跟乙個 > 進行連線 注意 符號左右兩側各保留乙個空格!!!

CSS文字屬性

一 可以被繼承的屬性 font size font family font weight font style line height color text align text indent 二 文字大小 屬性值為數值型,必須給屬性值加單位,屬性值為0時除外。單位可以是pt px em 9pt 1...

CSS 文字屬性

1 縮排文字 text indent 3em 段落首行縮排給定長度 只應用於塊級元素,無法將這個屬性應用與行內元素。影象之類的替換元素上也無法應用text indent屬性。可以繼承 如果要設定成負值,為了防止超出邊界,建議的寫法如下 p2 水平對齊 text align left center r...

css 文字屬性

字型顏色color 字元間距letter spacing 文字背景色background color 行間距line height 90 10px,0.3 對齊文字text align 文字修飾text decoration 取值 overline line through underline bl...