樣式表CSS 字型

2021-08-31 22:21:25 字數 3770 閱讀 1118

特性:font 版本:css1/css2 目的:字型設計集合。常用

語法:font : font-style || font-variant || font-weight || font-size || line-height || font-family

font : caption | icon | menu | message-box | small-caption | status-bar

引數:該屬性是復合屬性。第一種宣告方式請參閱各引數對應的屬性。

第二種宣告方式中的引數屬於css2。

caption : 使用有標題的系統控制項的文字字型(如按鈕,選單等)

icon : 使用圖示標籤的字型

menu : 使用選單的字型

message-box : 使用資訊對話方塊的文字字型

small-caption : 使用小控制項的字型

status-bar : 使用視窗狀態列的字型

特性:color 版本:css1 目的:字型的顏色,常用

color : color

引數:color :  指定顏色。顏色單詞 16禁止顏色 rgb

特性:font-size版本:css1 目的:設定字型的大小 常用

font-size : absolute-size | relative-size | length

引數:absolute-size : 根據物件字型進行調節。xx-small | x-small | small | medium | large | x-large

| xx-large

relative-size : 相對于父對像中字型尺寸進行相對調節。使用成比例的em單位計算。larger |

smaller

length : 百分數 | 由浮點數字和單位識別符號組成的長度值,不可為負值。其百分比取值是基於父物件

中字型的尺寸。請參閱長度單位

特性:text-transform 版本:css1  目的:大小寫轉換,常用到

語法:

text-transform : none | capitalize | uppercase | lowercase

引數:

none :  無轉換發生

capitalize :  將每個單詞的第乙個字母轉換成大寫,其餘無轉換發生

uppercase :  轉換成大寫

lowercase :  轉換成小寫

特性:line-height版本:css1 目的:設定行間距,常用到

語法:line-height : normal | length

引數:normal :  預設行高

length :  百分比數字 | 由浮點數字和單位識別符號組成的長度值,允許為負值。其百分比取值是基於字

體的高度尺寸。請參閱長度單位

特性:letter-spacing版本:css1 目的:設子字間距,常用到

語法:letter-spacing : normal | length

引數:normal :  預設間隔

length :  由浮點數字和單位識別符號組成的長度值,允許為負值。請參閱長度單位

特性:font-style 版本:css1 目的:設定斜體字,使用少

語法:font-style : normal | italic | oblique

引數:normal : 正常的字型

italic : 斜體。對於沒有斜體變數的特殊字型,將應用oblique

oblique : 傾斜的字型

特性:font-weight 版本:css1 目的:設定粗體字,使用少

語法:font-weight : normal | bold | bolder | lighter | number

引數:normal : 正常的字型。相當於number為400。宣告此值將取消之前任何設定

bold : 粗體。相當於number為700。也相當於b物件的作用

bolder : ie5+ 特粗體

lighter : ie5+ 細體

特性:text-decoration 版本:css1  目的,設定字型的線性裝飾 能用到

語法:text-decoration : none || underline || blink || overline || line-through

引數:none :  無裝飾

blink :  閃爍

underline :  下劃線

line-through :  貫穿線

overline :  上劃線

特性:text-shadow版本:css2 目的:設定陰影字,偶爾用到

語法:text-shadow : color || length || lenth|| opacity

引數:color :  指定顏色。請參閱顏色單位和附錄:顏色表

length :  由浮點數字和單位識別符號組成的長度值。可為負值。第乙個length指定陰影的水平延伸距離

。第二個length指定陰影的垂直延伸距離。請參閱長度單位

opacity :  由浮點數字和單位識別符號組成的長度值。不可為負值。指定模糊效果的作用距離。如果你僅

僅需要模糊效果,將前兩個length全部設定為0。請參閱長度單位

特性:font-stretch 版本:css2 目的:字型變寬 不常用

語法:font-stretch : normal | narrower | wider | ultra-condensed | extra-condensed | condensed |

semi-condensed | semi-expanded | expanded | extra-expanded | ultra-expanded

引數:normal : 不應用拉伸變形

narrower : 使用比當前設定的值導致字型寬度更小的值

wider : 使用比當前設定的值導致字型寬度更大的值

特性:font-family 版本:css1 目的:設定字型的型別 中文不經常用

語法:font-family : name

font-family : cursive | fantasy | monospace | serif | sans-serif

引數:name : 字型名稱。按優先順序排列。以逗號隔開。如果字型名稱包含空格,則應使用引號括起

第二種宣告方式使用所列出的字型序列名稱。如果使用fantasy序列,將提供預設字型序列

特性:font-size-adjust 版本:css2

語法:font-size-adjust : none | number

引數:none : 允許字型序列中每一字型遵守它的自己的尺寸

number : 為字型序列中所有字型強迫指定同一尺寸

特性:text-underline-position 目的:當時下劃線,設定下劃線的位置。

語法:text-underline-position : below | above

引數:below :  在文字下面

above :  在文字上面

特性: font-variant版本:css1 目的:使用小型大寫字型,中文不常用

語法:font-variant : normal | small-caps

引數:normal : 正常的字型

small-caps : 小型的大寫字母字型

特性:word-spacing版本:css1 

語法:word-spacing : normal | length

引數:normal :  預設間距

length :  由浮點數字和單位識別符號組成的長度值,允許為負值。請參閱長度單位

CSS層疊樣式表 定義樣式表

定義樣式表 1 html標記定義 p p可以叫做選擇器,定義那個標記中的內容執行其中的樣式 乙個選擇器可以控制若干個樣式屬性,他們之間需要用英語 隔開,最後乙個可以不應加 2 class定義 class定義是以 開始 p3 id 定義 id定義是 開始的 p4 優先順序問題 id class htm...

CSS常用樣式表

常用的文字屬性 1.line height 設定行號,常用25px 28px 例 line height 25px 布局多行文字 2.text align 設定對齊方式,常用取值為left right center 例 text align center 各種元素對齊 3.letter spacin...

CSS層疊樣式表

一般說來所有樣式有下面的規則 第四個最有優先性 1 browser default 瀏覽器預設 2 external style sheet 外部樣式表 3 internal style sheet inside the 瀏覽器將從mystyle.css檔案中讀採樣式定義資訊,並根據它來格式化文件 ...