字型作為網頁最常用元素,可以使用font
設定字型大小、粗細、型別等等,總結常用樣式設定如下:
屬性設定型別
注意font-size
字型大小
單位常用px
font-family
字型族字型風格視開發需求而定
font-weight
字型粗細
normal/400
正常,bold/700
加粗,數字沒有單位
font-style
字型樣式
normal
正常,italic
傾斜
font
字型符合屬性
有順序;font-size
和font-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 陰影離開文字的橫方向距離 縱方向距離 陰影的模糊半徑 陰影的顏色 注意 陰影離開文字的橫方向距離 縱方向距離 必須指定,可指定負值。陰影的模糊半徑 代表陰影向外模糊時的模...