CSS之對字型和文字的修飾

2021-07-15 03:03:24 字數 1245 閱讀 9642

一.字型

1.設定文字字型:font-family該屬性值一般選取微軟雅黑

2.設定字型大小:font-size該屬性值一般為某某px,px是畫素

3.設定字型顏色:color確定該屬性的值一般有三種方法:

1)#後加ps拾色器中顏色對應的十六進製制數值,當六位值重複一樣時,可以按每兩位一簡化的方法將數值簡化為三位,eg:cccccc可以被簡化為ccc

2)冒號後直接加blue、red、green等表示顏色的單詞,但是此時的顏色是正色,如純紅色、純綠色等

3)冒號後跟rgba(a,b,c,d),此方法是基於rgb三原色,a表示透明度,取值為[0,1]。但此方法設定的顏色可能在部分如ie瀏覽器上無法顯示效果

4.設定字型背景色:background-color,確定該屬性值得方法同上

二.文字

1.設定文字對齊:text-align該屬性值一般為:

左對齊(left)、右對齊(right)、上對齊(up)、下對齊(down)、居中(center)

2.設定文字縮排:text-indent通常情況下,新起一行是縮排兩個單位,應此該屬性的值一般為2em。em的值通常與字型大小相等,故2em就是空出相等字型前提下兩個字大小的空位

3.設定行高:line-height該屬性值的單位一般取px或%度量(%意思是設定行高為字型大小的百分之多少)

注:用該屬性可以實現對一段文字垂直居中的操作

4.設定字間距:letter-spacing該屬性值的單位一般取em或px

5.文字裝飾:text-decoration該屬性的值一般為:

underline下劃線,類似於html中的標籤

overline上劃線

line-through中劃線,類似於html中的標籤

補充:

1.在設定字型時常用的單位有三個,分別為:pxem%

2.更多關於css字型設定的詳細內容

3.更多關於css文字設定的詳細內容

CSS字型和文字

字型是 文字的不同體式 或者 字的形體結構 對於英文而言,每種字型都是由一組具有獨特樣式的字母 數字和符號組成的。根據外觀,字型可以分為不同的類別 font collection 包括襯線字型 serif 無襯線字型 sans serif 和等寬字型 monospace 每一類字型可以分成不同的字型...

CSS字型和文字相關

目前在做ife的練習,初步學習到css內容,所以做了總結。本博文主要分為兩部分,第一部分介紹css字型屬性,第二部分則介紹了文字常用屬性 s1 首先介紹一下什麼是字型系列 所謂字型系列,我理解的就同一字型下 的不同風格的具體字型的集合。通俗模擬一下,我們知道楷書下有不同風格的字型,比如顏體 柳體 瘦...

Css顏色和文字字型

顏色名表示,比如 red 紅色,gold 金色 16進製制數值表示,比如 ff0000 表示紅色,這種可以簡寫成 f00 rgb顏色 紅 r 綠 g 藍 b 三個顏色通道的變化 background color rgb 200,100,0 rgba顏色 紅 r 綠 g 藍 b 透明度 a backg...