最近2018中文字幕在日韩欧美国产成人片_国产日韩精品一区二区在线_在线观看成年美女黄网色视频_国产精品一区三区五区_国产精彩刺激乱对白_看黄色黄大色黄片免费_人人超碰自拍cao_国产高清av在线_亚洲精品电影av_日韩美女尤物视频网站

RELATEED CONSULTING
相關(guān)咨詢
選擇下列產(chǎn)品馬上在線溝通
服務(wù)時(shí)間:8:30-17:00
你可能遇到了下面的問(wèn)題
關(guān)閉右側(cè)工具欄

新聞中心

這里有您想知道的互聯(lián)網(wǎng)營(yíng)銷解決方案
css列表樣式常用屬性,css列表樣式屬性及取值情況

CSS系列篇:CSS3的常見屬性

過(guò)渡使用 trainsition 屬性,讓元素的樣式變化,不再瞬間完成,而是可以設(shè)定時(shí)間,在時(shí)間段內(nèi)逐漸完成。

我們提供的服務(wù)有:成都網(wǎng)站建設(shè)、成都網(wǎng)站設(shè)計(jì)、微信公眾號(hào)開發(fā)、網(wǎng)站優(yōu)化、網(wǎng)站認(rèn)證、珠山ssl等。為上1000家企事業(yè)單位解決了網(wǎng)站和推廣的問(wèn)題。提供周到的售前咨詢和貼心的售后服務(wù),是有科學(xué)管理、有技術(shù)的珠山網(wǎng)站制作公司

對(duì)單獨(dú)的div元素做分別做設(shè)置進(jìn)行屬性說(shuō)明:

1、設(shè)置在3秒內(nèi)完成顏色的變化

2、可以分別對(duì)不同的屬性分開做時(shí)間長(zhǎng)度的設(shè)定,記得用逗號(hào)隔開

3、延遲delay:想在某個(gè)屬性開始執(zhí)行樣式變化后的多少秒,才讓另一個(gè)屬性開始進(jìn)行樣式的動(dòng)態(tài)變化,就可以使用延遲。用法就是:

2s 1s width ,意思就是在高度開始發(fā)生變化后的1s后,width的寬度才開始展現(xiàn)變化,然后在2s內(nèi)完成寬度從30px到60px的變化。

delay的真正意義在于,它指定了動(dòng)畫發(fā)生的順序,使得多個(gè)不同的transition可以連在一起,形成復(fù)雜效果

3、變化的速度:默認(rèn)不設(shè)定,就是逐漸放慢的,默認(rèn)值是ease

還可以額外指定設(shè)置:

linear:勻速

ease-in:加速

ease-out:減速

上述的三個(gè)情況,可以綜合寫為:

對(duì)應(yīng)的變化就是,div的寬度瞬間變化為60px,然后高度在寬度變化后的1s之后才開始發(fā)生變化,在3秒內(nèi)逐漸加速完成。

重點(diǎn):

兼容性:各大瀏覽器基本已經(jīng)支持無(wú)前綴的transition,所以可以直接使用不加前綴;

transition的變化設(shè)置,是只對(duì)有明確數(shù)值設(shè)置變化的,對(duì)于none,block這類的文字描述無(wú)效;

有效性:transition是一次性的,無(wú)法重復(fù),除非反復(fù)觸發(fā)。

1、相比于過(guò)渡屬性transition的設(shè)置,動(dòng)畫animation的實(shí)現(xiàn)支持更為復(fù)雜的動(dòng)態(tài)樣式效果。

對(duì)單獨(dú)的div元素做分別做設(shè)置進(jìn)行屬性說(shuō)明:

1、使用animation動(dòng)畫屬性,最重要的就是配合有“關(guān)鍵幀”——@keyframes

樣式設(shè)置如下:

這樣的設(shè)置,就是將1s分為3幀,每幀顯示不同的背景顏色,然后動(dòng)畫效果只顯示1次。

注意動(dòng)畫執(zhí)行完成之后,就恢復(fù)元素原來(lái)定義的樣式設(shè)置,如果原來(lái)沒(méi)有這個(gè)樣式的定義,那也是動(dòng)畫執(zhí)行完成后恢復(fù)沒(méi)有的狀態(tài)。

@keyframes的寫法比較松泛:

0%等同于from,100%等同于to:

如上面的寫法就等同于:

下面的關(guān)鍵幀的寫法也是有效的:

當(dāng)然,(1)也是有延遲效果的設(shè)置:設(shè)置延遲多少秒后執(zhí)行動(dòng)畫

(2)每幀之間是平滑過(guò)渡的,當(dāng)然也可以設(shè)置為分步過(guò)渡,這樣就有卡頓的效果:

解釋:該動(dòng)畫,在停留1秒后開始執(zhí)行,執(zhí)行3次,每次執(zhí)行時(shí)間為2秒,在2秒時(shí)間執(zhí)行完成rainbow定義的關(guān)鍵幀樣式,然后分步執(zhí)行,有卡頓效果。

2、動(dòng)畫持續(xù):動(dòng)畫效果默認(rèn)只播放一次,加入infinite關(guān)鍵字,可以讓動(dòng)畫無(wú)限次播放

3、指定動(dòng)畫播放的次數(shù),直接寫數(shù)值:

4、如果想要讓動(dòng)畫結(jié)束后,停留在結(jié)束狀態(tài)的樣式,而不是默認(rèn)變?yōu)槠鹗紶顟B(tài),就可以添加關(guān)鍵字:

animation-fill-mode屬性:

none:默認(rèn)值,回到動(dòng)畫沒(méi)開始時(shí)的狀態(tài)

forwards:讓動(dòng)畫停留在結(jié)束狀態(tài)

backwards:讓動(dòng)畫回到第一幀的狀態(tài)

4、如果想要將幀數(shù)的設(shè)置,反向執(zhí)行,就可以使用animation-direction屬性:

normal:動(dòng)畫循環(huán)播放時(shí),每次都是從結(jié)束狀態(tài)跳回到起始狀態(tài),再開始播放

reverse:動(dòng)畫執(zhí)行,先從結(jié)束幀的樣式執(zhí)行跳回到起始幀的樣式。例如:

所有的transform屬性設(shè)置,都不會(huì)改變?cè)卣紦?jù)的位置,還是保留的

1、旋轉(zhuǎn)rotate

通過(guò)rotate設(shè)置旋轉(zhuǎn)角度,來(lái)旋轉(zhuǎn)元素

以div元素為例:

···

body

div class="transform"/div

/body

···

2、位移translate

設(shè)置X軸、Y軸方向的位移值

設(shè)置X軸方向的位移值

設(shè)置Y軸方向的位移值

3、縮放scale

設(shè)置元素水平方向和垂直方向同時(shí)縮放

設(shè)置元素水平方向縮放

設(shè)置元素垂直方向縮放

只設(shè)置一個(gè)參數(shù),設(shè)置元素水平方向和垂直方向,同一比例同時(shí)縮放

4、扭曲:skew,設(shè)置元素的平面XY軸的扭曲角度

設(shè)置元素X軸,Y軸的扭轉(zhuǎn)角度

只設(shè)置一個(gè)參數(shù),元素X軸,Y軸的扭轉(zhuǎn)角度相同

設(shè)置元素X軸的扭轉(zhuǎn)角度

設(shè)置元素Y軸的扭轉(zhuǎn)角度

簡(jiǎn)述 css列表樣式屬性及取值情況

ulli/li/ul有序

ullo/lo/ul無(wú)序

屬性:list-style

list-style-type:設(shè)置列表項(xiàng)標(biāo)志的類型(none就是前面沒(méi)有小圓點(diǎn))

list-style-image:將圖象設(shè)置為列表項(xiàng)標(biāo)志。

list-style-position:設(shè)置列表中列表項(xiàng)標(biāo)志的位置 ?

css的屬性有哪些

希望能幫到你 屬性名稱

字體屬性(Font)

font-family

font-style

font-variant

font-weight

font-size

顏色和背景屬性

Color

Background-color

Background-image

Background-repeat

Background-attachment

Background-position

文本屬性

Word-spacing

Letter-spacing

Text-decoration

Vertical-align

Text-transform

Text-align

Text-indent

Line-height

邊距屬性

Margin-top

Margin-right

Margin-bottom

Margin-left

填充距屬性

Padding-top

Padding-right

Padding-bottom

Padding-left

邊框?qū)傩?/p>

Border-top-width

Border-right-width

Border-bottom-width

Border-left-width

Border-width

Border-color

Border-style

Border-top

Border-right

Border-bottom

Border-left

Width

Height

Float

Clear

分級(jí)屬性

Display

White-space

List-style-type

List-style-image

List-style-position

List-style

鼠標(biāo)(Cursor)屬性屬性含義

使用什么字體

字體是否斜體

是否用小體大寫

字體的粗細(xì)

字體的大小

定義前景色

定義背景色

定義背景圖案

重復(fù)方式

設(shè)置滾動(dòng)

初始位置

單詞之間的間距

字母之間的間距

文字的裝飾樣式

垂直方向的位置

文本轉(zhuǎn)換

對(duì)齊方式

首行的縮進(jìn)方式

文本的行高

頂端邊距

右側(cè)邊距

底端邊距

左側(cè)邊距

頂端填充距

右側(cè)填充距

底端填充距

左側(cè)填充距

頂端邊框?qū)挾?/p>

右側(cè)邊框?qū)挾?/p>

底端邊框?qū)挾?/p>

左側(cè)邊框?qū)挾?/p>

一次定義寬度

設(shè)置邊框顏色

設(shè)置邊框樣式

一次定義頂端

一次定義右側(cè)

一次定義底端

一次定義左側(cè)

定義寬度屬性

定義高度屬性

文字環(huán)繞

哪一邊環(huán)繞

定義是否顯示

怎樣處理空白

加項(xiàng)目編號(hào)

加圖案

第二行起始位置

一次定義列表

自動(dòng)

定位“十”字

默認(rèn)指針

手形

移動(dòng)

箭頭朝右方

箭頭朝右上方

箭頭朝左上方

箭頭朝上方

箭頭朝右下方

箭頭朝左下方

箭頭朝下方

箭頭朝左方

文本“I”形

等待

幫助

屬性值

所有的字體

Normal、italic、oblique

Normal、small-caps

Normal、bold、bolder、lithter等

Absolute-size、relative-size、length、percentage等

顏色

顏色

路徑

Repeat-x、repeat-y、no-repeat

Scroll、Fixed

Percentage、length、top、left、

right、bottom等

Normal length

同上

None|underline|overline|line-

through|blink

Baseline|sub|super|top|text-top|middle|bottom|text-bottom|

Capitalize|uppercase|

lowercase|none

Left|right|center|justify

length|percentage

Normal|number|length|

percentage

Length|percentage|auto

同上

同上

同上

Length|percentage

同上

同上

同上

Thin|medium|thick|length

同上

同上

同上

同上

Color

None|dotted|dash|solid等

Border-top-width|color等

同上

同上

同上

Length|percentage|auto

Length|auto

Left|right|none

Left|right|none|both

Block、inline、list-item、none

Normal、pre、nowrap

Disc、circle、square等

url|none

Inside、outside

keyword|position|url

Auto

Crosshair

Default

Hand

Move

e-resize

Ne-resize

Nw-resize

n-resize

Se-resize

Sw-resize

s-resize

w-resize

Text

Wait

Help

說(shuō)明CSS樣式表常用的屬性有哪些?并舉例說(shuō)明 網(wǎng)頁(yè)設(shè)計(jì)課作業(yè),希望大神快點(diǎn)給正確答案~?

常用的有:

尺寸屬性width,height

背景屬性background

邊框?qū)傩詁order 和 outline

文本屬性text 字體屬性font

內(nèi),外邊距屬性padding,margin

列表屬性,表格屬性

定位屬性(Positioning)

偽類,偽元素等

css有哪些常用表格屬性

CSS 字體屬性(Font)

屬性 描述 CSS

font 在一個(gè)聲明中設(shè)置所有字體屬性。 1

font-family 規(guī)定文本的字體系列。 1

font-size 規(guī)定文本的字體尺寸。 1

font-size-adjust 為元素規(guī)定 aspect 值。 2

font-stretch 收縮或拉伸當(dāng)前的字體系列。 2

font-style 規(guī)定文本的字體樣式。 1

font-variant 規(guī)定是否以小型大寫字母的字體顯示文本。 1

font-weight 規(guī)定字體的粗細(xì)。 1

css常用屬性有哪些

一、html標(biāo)簽

pre.../pre文字格式化

div....../div列塊容器

字體大小變化 font size=?想輸入的字/font

字體顏色 font color="..."想輸入的字/font

字體變粗 b想輸入的字/b

字體變斜 i想輸入的字/i

字體加下劃線 u想輸入的字/u

對(duì)正中央ㄉ語(yǔ)法 p align="center"內(nèi)容/p

對(duì)正左邊ㄉ語(yǔ)法 p align="left"內(nèi)容/p

對(duì)正右邊ㄉ語(yǔ)法 p align="right"內(nèi)容 /p

字體刪除線 s想輸入的字/s

字體設(shè)置 font face="字體名稱"想輸入的字/font

打字機(jī)字體 tt想輸入的字/tt

上標(biāo)字 sup想輸入的字/sup

下標(biāo)字 sub想輸入的字/sub

水平線 hr color="..."

換行輸入 想輸入的字br想輸入的字

超鏈接 a href="想鏈接網(wǎng)址"鏈接地的名稱/a

a href="mailto:填入email"要顯示的字打這里/a網(wǎng)絡(luò)郵寄標(biāo)簽

貼圖 img src="圖形的網(wǎng)址"

跑馬燈(循環(huán)) marquee behavior=scroll想輸入的字/marquee

外部文件導(dǎo)入格式標(biāo)簽

CSS外部導(dǎo)入格式:

link rel="stylesheet" type="text/css" href="/css.css" /

直接引用:

style type="text/css"

!--

id{...}

--

/style

javascript - 加載外部.js獨(dú)立文件:

script type="text/javascript" src="/script.js"/script

二、CSS文字屬性:

color : #999999; /*文字顏色*/

font-family : 宋體,sans-serif; /*文字字體*/

font-size : 9pt; /*文字大小*/

font-style:itelic; /*文字斜體*/

font-variant:small-caps; /*小字體*/

letter-spacing : 1pt; /*字間距離*/

line-height : 200%; /*設(shè)置行高*/

font-weight:bold; /*文字粗體*/

vertical-align:sub; /*下標(biāo)字*/

vertical-align:super; /*上標(biāo)字*/

text-decoration:line-through; /*加刪除線*/

text-decoration:overline; /*加頂線*/

text-decoration:underline; /*加下劃線*/

text-decoration:none; /*刪除鏈接下劃線*/

text-transform : capitalize; /*首字大寫*/

text-transform : uppercase; /*英文大寫*/

text-transform : lowercase; /*英文小寫*/

text-align:right; /*文字右對(duì)齊*/

text-align:left; /*文字左對(duì)齊*/

text-align:center; /*文字居中對(duì)齊*/

text-align:justify; /*文字分散對(duì)齊*/

vertical-align屬性

vertical-align:top; /*垂直向上對(duì)齊*/

vertical-align:bottom; /*垂直向下對(duì)齊*/

vertical-align:middle; /*垂直居中對(duì)齊*/

vertical-align:text-top; /*文字垂直向上對(duì)齊*/

vertical-align:text-bottom; /*文字垂直向下對(duì)齊*/

三、CSS符號(hào)屬性:

list-style-type:none; /*不編號(hào)*/

list-style-type:decimal; /*阿拉伯?dāng)?shù)字*/

list-style-type:lower-roman; /*小寫羅馬數(shù)字*/

list-style-type:upper-roman; /*大寫羅馬數(shù)字*/

list-style-type:lower-alpha; /*小寫英文字母*/

list-style-type:upper-alpha; /*大寫英文字母*/

list-style-type:disc; /*實(shí)心圓形符號(hào)*/

list-style-type:circle; /*空心圓形符號(hào)*/

list-style-type:square; /*實(shí)心方形符號(hào)*/

list-style-image:url(/dot.gif); /*圖片式符號(hào)*/

list-style-position:outside; /*凸排*/

list-style-position:inside; /*縮進(jìn)*/

四、CSS背景樣式:

background-color:#F5E2EC; /*背景顏色*/

background:transparent; /*透視背景*/

background-image : url(/image/bg.gif); /*背景圖片*/

background-attachment : fixed; /*浮水印固定背景*/

background-repeat : repeat; /*重復(fù)排列-網(wǎng)頁(yè)默認(rèn)*/

background-repeat : no-repeat; /*不重復(fù)排列*/

background-repeat : repeat-x; /*在x軸重復(fù)排列*/

background-repeat : repeat-y; /*在y軸重復(fù)排列*/

指定背景位置

background-position : 90% 90%; /*背景圖片x與y軸的位置*/

background-position : top; /*向上對(duì)齊*/

background-position : buttom; /*向下對(duì)齊*/

background-position : left; /*向左對(duì)齊*/

background-position : right; /*向右對(duì)齊*/

background-position : center; /*居中對(duì)齊*/

五、CSS連接屬性:

a /*所有超鏈接*/

a:link /*超鏈接文字格式*/

a:visited /*瀏覽過(guò)的鏈接文字格式*/

a:active /*按下鏈接的格式*/

a:hover /*鼠標(biāo)轉(zhuǎn)到鏈接*/

鼠標(biāo)光標(biāo)樣式:

鏈接手指 CURSOR: hand

十字體 cursor:crosshair

箭頭朝下 cursor:s-resize

十字箭頭 cursor:move

箭頭朝右 cursor:move

加一問(wèn)號(hào) cursor:help

箭頭朝左 cursor:w-resize

箭頭朝上 cursor:n-resize

箭頭朝右上 cursor:ne-resize

箭頭朝左上 cursor:nw-resize

文字I型 cursor:text

箭頭斜右下 cursor:se-resize

箭頭斜左下 cursor:sw-resize

漏斗 cursor:wait

光標(biāo)圖案(IE6) p {cursor:url("光標(biāo)文件名.cur"),text;}

六、CSS框線一覽表:

border-top : 1px solid #6699cc; /*上框線*/

border-bottom : 1px solid #6699cc; /*下框線*/

border-left : 1px solid #6699cc; /*左框線*/

border-right : 1px solid #6699cc; /*右框線*/

以上是建議書寫方式,但也可以使用常規(guī)的方式 如下:

border-top-color : #369 /*設(shè)置上框線top顏色*/

border-top-width :1px /*設(shè)置上框線top寬度*/

border-top-style : solid/*設(shè)置上框線top樣式*/

其他框線樣式

solid /*實(shí)線框*/

dotted /*虛線框*/

double /*雙線框*/

groove /*立體內(nèi)凸框*/

ridge /*立體浮雕框*/

inset /*凹框*/

outset /*凸框*/

七、CSS表單運(yùn)用:

文字方塊 input type="text" name="T1" size="15"

按鈕 input type="submit" value="submit" name="B1"

復(fù)選框 input type="checkbox" name="C1"

選擇鈕 input type="radio" value="V1" checked name="R1"

多行文字方塊 textarea rows="1" name="S1" cols="15"/textarea

下拉式菜單 select size="1" name="D1"option選項(xiàng)1/option

option選項(xiàng)2/option/select

八、CSS邊界樣式:

margin-top:10px; /*上邊界*/

margin-right:10px; /*右邊界值*/

margin-bottom:10px; /*下邊界值*/

margin-left:10px; /*左邊界值*/

九、CSS邊框空白

padding-top:10px; /*上邊框留空白*/

padding-right:10px; /*右邊框留空白*/

padding-bottom:10px; /*下邊框留空白*/

padding-left:10px; /*左邊框留空白*/

基本語(yǔ)法

 規(guī)則

選擇符

任何HTML元素都可以是一個(gè)CSS1的選擇符。選擇符僅僅是指向特別樣式的元素。例如, P { text-indent: 3em }

當(dāng)中的選擇符是P。

類選擇符

單一個(gè)選擇符能有不同的CLASS(類),因而允許同一元素有不同樣式。例如,一個(gè)網(wǎng)頁(yè)制作者也許希望視其語(yǔ)言而定,用不同的顏色顯示代碼 :

code.html { color: #191970 }

code.css { color: #4b0082 }

 以上的例子建立了兩個(gè)類,css和html,供HTML的CODE元素使用。CLASS屬性是用于在HTML中以指明元素的類,例如,

P

例如,code.html.proprietary是無(wú)效的。/p

類的聲明也可以無(wú)須相關(guān)的元素:

.note { font-size: small }

在這個(gè)例子,名為note的類可以被用于任何元素。

一個(gè)良好的習(xí)慣是在命名類的時(shí)候,根據(jù)它們的功能而不是根據(jù)它們的外觀。上述例子中的note類也可以命名為small,但如果網(wǎng)頁(yè)制作者決定改變這個(gè)類的樣式,使得它不再是小字體的話,那么這個(gè)名字就變得毫無(wú)意義了。

ID 選擇符

ID 選擇符個(gè)別地定義每個(gè)元素的成分。這種選擇符應(yīng)該盡量少用,因?yàn)樗哂幸欢ǖ木窒?。一個(gè)ID選擇符的指定要有指示符"#"在名字前面。例如,ID選擇符可以指定如下:

#svp94O { text-indent: 3em }

這點(diǎn)可以參考HTML中的ID屬性:

 P ID=svp94O文本縮進(jìn)3em

關(guān)聯(lián)選擇符

關(guān)聯(lián)選擇符只不過(guò)是一個(gè)用空格隔開的兩個(gè)或更多的單一選擇符組成的字符串。這些選擇符可以指定一般屬性,而且因?yàn)閷盈B順序的規(guī)則,它們的優(yōu)先權(quán)比單一的選擇符大。例如, 以下的上下文選擇符

P EM { background: yellow }

是P EM。這個(gè)值表示段落中的強(qiáng)調(diào)文本會(huì)是黃色背景;而標(biāo)題的強(qiáng)調(diào)文本則不受影響。

 聲明

屬性

一個(gè)屬性被指定到選擇符是為了使用它的樣式。屬性的例子包括顏色、邊界和字體。

聲明的值是一個(gè)屬性接受的指定。例如,屬性顏色能接受值red。

組合

為了減少樣式表的重復(fù)聲明,組合的選擇符聲明是允許的。例如,文檔中所有的標(biāo)題可以通過(guò)組合給出相同的聲明:

H1, H2, H3, H4, H5, H6 {

color: red;

font-family: sans-serif }

 繼承

實(shí)際上,所有在選擇符中嵌套的選擇符都會(huì)繼承外層選擇符指定的屬性值,除非另外更改。例如,一個(gè)BODY定義了的顏色值也會(huì)應(yīng)用到段落的文本中。

有些情況是內(nèi)部選擇符不繼承周圍的選擇符的值,但理論上這些都是特殊的。例如,上邊界屬性是不會(huì)繼承的;直覺(jué)上,一個(gè)段落不會(huì)有同文檔BODY一樣的上邊界值。

注解

樣式表里面的注解使用C語(yǔ)言編程中一樣的約定方法去指定。CSS1注解的例子如以下格式:

/* COMMENTS CANNOT BE NESTED */

偽類和偽元素

偽類和偽元素是特殊的類和元素,能自動(dòng)地被支持CSS的瀏覽器所識(shí)別。偽類區(qū)別開不同種類的元素(例如,visited links(已訪問(wèn)的連接)和active links(可激活連接)描述了兩個(gè)定位錨(anchors)的類型)。偽元素指元素的一部分,例如段落的第一個(gè)字母。

偽類或偽元素規(guī)則的形式如

選擇符:偽類 { 屬性: 值 }

選擇符:偽元素 { 屬性: 值 }

偽類和偽元素不應(yīng)用HTML的CLASS屬性來(lái)指定。一般的類可以與偽類和偽元素一起使用,如下:

選擇符.類: 偽類 { 屬性: 值 }

選擇符.類: 偽元素 { 屬性: 值 }

定位錨偽類

 偽類可以指定A元素以不同的方式顯示連接(links)、已訪問(wèn)連接(visited links)和可激活連接(active links)。定位錨元素可給出偽類link、visited或active。一個(gè)已訪問(wèn)連接可以定義為不同顏色的顯示,甚至不同字體大小和風(fēng)格。

一個(gè)有趣的效果是使當(dāng)前(或“可激活”)連接以不同顏色、更大的字體顯示。然后,當(dāng)網(wǎng)頁(yè)的已訪問(wèn)連接被重選時(shí),又以不同顏色、更小字體顯示。這個(gè)樣式表的示例如下:

A:link { color: red }

A:active { color: blue; font-size: 125% }

A:visited { color: green; font-size: 85% }

首行偽元素

通常在報(bào)紙上的文章,例如Wall Street Journal中的,文本的首行都會(huì)以粗印體而且全部大寫地展示。CSS1包括了這個(gè)功能,將其作為一個(gè)偽元素。首行偽元素可以用于任何塊級(jí)元素(例如P、H1等等)。以下是一個(gè)首行偽元素的例子:

 P:first-line {

 font-variant: small-caps;

 font-weight: bold }

首個(gè)字母?jìng)卧?/p>

首個(gè)字母?jìng)卧赜糜诩哟?drop caps)和其他效果。含有已指定值選擇符的文本的首個(gè)字母會(huì)按照指定的值展示。一個(gè)首個(gè)字母?jìng)卧乜梢杂糜谌魏螇K級(jí)元素。例如:

 P:first-letter { font-size: 300%; float: left }

會(huì)比普通字體加大三倍。


網(wǎng)頁(yè)標(biāo)題:css列表樣式常用屬性,css列表樣式屬性及取值情況
當(dāng)前網(wǎng)址:http://fisionsoft.com.cn/article/dsgioge.html