CSS3字型樣式和文字樣式

2021-10-24 09:07:46 字數 2114 閱讀 3008

body

body

body /* 上面比這種方法相容性更好一些。*/

body
p span/*粗體樣式*/
.box1

color的值有3種設定方式:

p
每一項的值可以是 0~255 之間的整數,也可以是 0%~100% 的百分數。

p

p

這種顏色設定方法是現在比較普遍使用的方法.

p
body

/* 可以簡寫為*/

body

1、使用這一簡寫方式你至少要指定 font-size 和 font-family 屬性,其他的屬性(如 font-weight、font-style、font-variant、line-height)如未指定將自動使用預設值。

2、在縮寫時 font-size 與 line-height 中間要加入「/」斜扛。

中文**常用縮寫**(只有字型大小、行間距、中文字型、英文本型設定):

text-decoration可以設定新增到文字的修飾。

text-decoration預設值為none, 定義標準的文字。

text-decoration的值為underline為定義文字下的一條線。

text-decoration的值為overline為定義文字上的一條線。

text-decoration的值為line-through為定義穿過文字下的一條線,一般用於商品折扣價。

p
實現段前留兩個文字的空白,2em的意思就是文字的2倍大小。

p
中文字間隔、字母間隔設定:如果想在網頁排版中設定文字間隔或者字母間隔就可以使用letter-spacing來實現。

這個樣式使用在英文單詞時,是設定字母與字母之間的間距。

h1
單詞間距設定

設定英文單詞之間的間距用word-spacing.

h1
塊狀元素中的文字、設定居中樣式,可以使用text-align樣式**。

h1

h1h1

比較常用到的長度單位:px(畫素)、em、% 百分比,這三種單位都是相對單位。

畫素指的是顯示器上的小點(css規範中假設「90畫素=1英吋」)。實際情況是瀏覽器會使用顯示器的實際畫素值有關,在目前大多數的設計者都傾向於使用畫素(px)作為單位。

本元素給定字型的 font-size 值,如果元素的 font-size 為 14px ,那麼 1em = 14px。如下**:

p

/* 實現段落首行縮排24px,也就是兩個字型大小的距離*/

但當給 font-size 設定單位為 em 時,此時計算的標準以 p 的父元素的 font-size 為基礎。

p

span

以這個例子為例。

span中的字型「例子」的大小就為14*0.8=11.2p'x。

p
設定行高(行間距)為字型的130%(12 * 1.3 = 15.6px)。

CSS3 字型樣式

lang en charset utf 8 css3的其他屬性title type text css font face 宣告使用伺服器端字型 伺服器端字型對otf和ttf這兩種字型格式支援良好 font face p box sizing 設定width和height屬性值包含的內容。div di...

css3字型樣式

一 font family的使用 font family屬性可以設定html文字的字型樣式,eg.注意 當字型名稱中包括空格 之類的符號,則使用 font family 可以把多個字型名稱作為乙個 回退 系統來儲存。如果瀏覽器不支援第乙個字型,則會嘗試下乙個。也就是說,font family 屬性的...

前端CSS3 字型樣式

一 font family設定字型 sans serif是專指西文中沒有襯線的字型 例如 為網頁中的文字設定字型為 宋體 text css body 或body style 二 font size設定字型大小 例如 設定網頁中文字的字型大小為12畫素。text css body style 三 fo...