一.字型
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.在設定字型時常用的單位有三個,分別為:px
em
%
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...