css基礎 3 文字樣式

2021-10-06 08:58:44 字數 1926 閱讀 6985

字型作為網頁最常用元素,可以使用font設定字型大小、粗細、型別等等,總結常用樣式設定如下:

屬性設定型別

注意font-size

字型大小

單位常用px

font-family

字型族字型風格視開發需求而定

font-weight

字型粗細

normal/400正常,bold/700加粗,數字沒有單位

font-style

字型樣式

normal正常,italic傾斜

font

字型符合屬性

有順序;font-sizefont-family必須寫,其他可預設

復合屬性書寫簡潔,節約**

文字設定包括顏色、行間距、縮排等等,常用屬性如下:

屬性設定內容

注意color

顏色三種設定方式:1.預定義顏色,如color: red;2.rgb,如color: rgb(255,0,0);3.十六進製制,如color: #fff,開發時常用十六進製制,通過顏色選擇器吸取顏色值

text-align

文字對齊方式

center居中對齊;left靠左對齊;right靠右對齊

text-indent

首行縮排

單位常用em表示相對當前字型大小,常用text-indent: 2em表示首行縮排2字元

text-decoration

文字修飾

underline下劃線,none去掉下劃線,line-through刪除線

line-height

行間距行間距由字型大小+上/下間距組成,更改行高本質上是修改上下間距,並且上/下間距一樣

lang

="en"

>

>

charset

="utf-8"

>

name

="viewport"

content

="width=device-width, initial-scale=1.0"

>

>

my dreamtitle

>

>

h3, p

style

>

head

>

>

>

my dreamh3

>

>

作曲 : andy love

>

作詞 : 王海濤/張靚穎

>

瘋狂的世界

>

迎著痛 把眼中 所有夢

>

都交給時間

>

想飛 就用心地去飛

>

誰不經歷狼狽

>

我想我會 忽略失望的灰

>

擁抱遺憾的美

>

我的夢說別停留等待

>

就讓光芒折射淚濕的瞳孔

>

映出心中最想擁有的彩虹

>

帶我奔向那片有你的天空

>

因為你 是我的夢

>

p>

body

>

html

>

css3文字新增樣式

1.opacity opacity屬性指定了乙個元素的透明度。換言之,opacity屬性指定了乙個元素後面的背景的被覆蓋程度。當opacity屬性的值應用於某個元素上時,是把這個元素 包括它的內容 當成乙個整體看待,即使這個值沒有被子元素繼承。因此,乙個元素和它包含的子元素都會具有和元素背景相同的透...

CSS3文字新增樣式

opacity屬性指定了乙個元素的透明度 預設值 1.0 不可繼承 列 divrgba 函式使用紅 r 綠 g 藍 b 透明度 a 的疊加來生成各式各樣的顏色。列 p1 紅 p2 綠 p3 藍 基本文字陰影 text shadow 語法 text shadow h shadow v shadow b...

CSS3文字與字型相關樣式

1 功能 給頁面上的文字新增陰影效果。2 使用方法 text shadow length length length color 陰影離開文字的橫方向距離 縱方向距離 陰影的模糊半徑 陰影的顏色 注意 陰影離開文字的橫方向距離 縱方向距離 必須指定,可指定負值。陰影的模糊半徑 代表陰影向外模糊時的模...