第3章CSS文字效果

2021-08-20 08:11:16 字數 940 閱讀 7699

p

以上css**中宣告了4種字型,瀏覽器渲染字型的規則為:優先選擇黑體,如果使用者的電腦中沒有黑體字體,則選擇arial。如果一直選到最後都沒有,則選擇瀏覽器預設的字型。

如果字型名稱中含有空格,則新增這個字型的時候要加上雙引號,如」times new roman」。

如果網頁中需要特殊字型,也可以通過圖形軟體做成小的插入到網頁中

通過font-size來設定文字大小,該屬性值可以是絕對大小也可以是相對大小。

絕對大小如:

p p

常用的絕對單位如下:

絕對單位

說明in

inch,英吋

cmcentimeter,厘公尺

mmmillmiter,毫秒

ptpoint,印刷點

相對大小如:

p p

p 相對單位

說明相對于父標籤的百分比,如果父標籤不存在,則相對瀏覽器預設字型大小(16px)的百分比

em相對于父標籤字型大小的倍數,如果父標籤不存在,則相對瀏覽器預設字型大小(16px)的倍數

pxpixel,畫素

注:絕對大小不隨顯示器解析度和父標籤的大小而改變;相對大小隨顯示器解析度和父標籤的大小改變。

顏色設定有如下幾種方法:hh

hhh粗細設定有如下幾種方法:hh

hhh斜體設定有如下幾種方法:hh

下劃線 h

頂劃線 h

刪除線 h

單詞首字母大寫 p

全部大寫 p

全部小寫 p

左對齊 p

右對齊 p

居中對齊 p

兩端對齊 p

頂端對齊 p

底端對齊 p

中間對齊 p

第 22 章 CSS3 漸變效果

學習要點 1.線性漸變 2.徑向漸變 主講教師 李炎恢 本章主要 html5 中 css3 背景漸變功能,主要有兩種漸變方式 線性漸變和徑向 放射性 漸變。一 線性漸變 linear gradient 方位,起始色,末尾色 方位可選引數,漸變的方位。可以使用的值有 to top to top rig...

CSS 文字效果

1.1 自定義字型 這段文字使用的是徐靜蕾字型。這段文字使用的是預設字型。1.2 段落首字元下沉 縮排及特殊顯示 段落首字元下沉 縮排及特殊顯示 段落首字元下沉和15畫素的縮排 if 首字元不下沉 首字元英文小寫和懸掛縮排 6畫素 if 段落的首字元不下沉 首字母英文大寫 1.3 自定義文字選中樣式...

css文字效果

css3 中,text shadow屬性適用於文字陰影。您指定了水平陰影,垂直陰影,模糊的距離,以及陰影的顏色 text shadow 5px 5px 5px ff0000 水平位置 垂直位置 模糊距離 陰影顏色 如果某個單詞太長,不適合在乙個區域內,它擴充套件到外面 css3中,自動換行屬性允許您...