华南俳烁实业有限公司

考試首頁 | 考試用書 | 培訓(xùn)課程 | 模擬考場 | 考試論壇  
  當(dāng)前位置:設(shè)計(jì)制作 > CSS/HTML > 文章內(nèi)容
  

CSS文字斜體(italicobliquenormal)樣式說明

 [ 2017年8月25日 ] 【

一、常用斜體語法 

常用字體樣式設(shè)置font-style: italic
兼容各大瀏覽器

normal : 正常的字體(默認(rèn)字體樣式,可用于去掉html i斜體標(biāo)簽?zāi)J(rèn)斜體樣式)

italic : 斜體。對于沒有斜體變量的特殊字體,將應(yīng)用oblique

oblique : 傾斜的字體

二、css斜體案例  

我們對pcss5盒子里的文字字體設(shè)置為italic斜體,oblique傾斜體,使用font-style:normal去掉html 斜體標(biāo)簽默認(rèn)斜體樣式。

1、css代碼

  1. <style> 
  2. .pcss5_italic{ font-style:italic} 
  3. .pcss5_oblique{ font-style:oblique} 
  4. .pcss5_normal i{ font-style:normal} 
  5. /* 去掉pcss5_normal對象I斜體標(biāo)簽?zāi)J(rèn)斜體樣式 */ 
  6. style> 

2、html代碼片段:

  1. <p class="pcss5_italic">我被加斜體p> 
  2. <p class="pcss5_oblique">我被加傾斜p> 
  3. <p><i>我加I標(biāo)簽斜體i>p> 
  4. <p class="pcss5_normal"><i>I斜體被CSS去掉i>p> 

3、p css斜體案例

我被加斜體

我被加傾斜

我加I標(biāo)簽斜體

I斜體被CSS去掉

 

通過p css實(shí)現(xiàn)文字字體斜體樣式

本案例分別設(shè)置一般斜體樣式、特色斜體傾斜樣式、去掉標(biāo)簽斜體樣式。

四、總結(jié)  

讓對象盒子里的文字字體為斜體,可以對對應(yīng)盒子加css樣式font-style:italic即可實(shí)現(xiàn)對象內(nèi)文字字體為斜體。同時(shí)我們案例也演示了使用CSS去掉斜體樣式,使用CSS font-style:normal去掉I斜體標(biāo)簽斜體樣式。

本文糾錯(cuò)】【告訴好友】【打印此文】【返回頂部
將考試網(wǎng)添加到收藏夾 | 每次上網(wǎng)自動(dòng)訪問考試網(wǎng) | 復(fù)制本頁地址,傳給QQ/MSN上的好友 | 申請鏈接 | 意見留言 TOP
關(guān)于本站  網(wǎng)站聲明  廣告服務(wù)  聯(lián)系方式  站內(nèi)導(dǎo)航  考試論壇
Copyright © 2007-2013 中華考試網(wǎng)(Examw.com) All Rights Reserved
平顶山市| 五莲县| 马鞍山市| 广西| 安福县| 广昌县| 顺昌县| 云林县| 天台县| 泾源县| 德江县| 土默特右旗| 紫云| 谷城县| 弥勒县| 南投县| 宁城县| 望奎县| 阜新市| 涟水县| 南汇区| 鄂温| 玉山县| 名山县| 永平县| 贵南县| 聂拉木县| 台东县| 城口县| 平远县| 荆门市| 南通市| 晴隆县| 新津县| 周口市| 遂川县| 永清县| 西华县| 晴隆县| 景宁| 离岛区|