欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

css 常用樣式(分享)

  發(fā)布時(shí)間：2016-08-11 12:06:37   作者：佚名   我要評(píng)論
下面小編就為大家?guī)?lái)一篇css 常用樣式(分享)。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧

font-family 設(shè)置字體名稱(chēng)

可以使用多個(gè)名稱(chēng)，用逗號(hào)分隔，瀏覽器則按照先后順序依次使用可用字體

XML/HTML Code復(fù)制內(nèi)容到剪貼板
  1. p { font-family:'宋體','黑體','Arial'; }  

font-size 設(shè)置字體大小

length 用長(zhǎng)度值指定文字大小，不允許負(fù)值

percentage 用百分比指定文字大小，其百分比取值是基于父對(duì)象中字體的尺寸，不允許負(fù)值

XML/HTML Code復(fù)制內(nèi)容到剪貼板
  1. p { font-size:14px;}  

font-weight 控制字體粗細(xì)

normal 正常的字體，相當(dāng)于數(shù)字值400

bold 粗體，相當(dāng)于數(shù)字值700

100~900 定義由細(xì)到粗的字符

XML/HTML Code復(fù)制內(nèi)容到剪貼板
  1. p { font-weight:bold;}  

font-style 控制字體是否傾斜

normal 指定文本字體樣式為正常的字體

italic 指定文本字體樣式為斜體，對(duì)于沒(méi)有設(shè)計(jì)斜體的特殊字體，如果要使用斜體外觀將應(yīng)用oblique

oblique 指定文本字體樣式為傾斜的字體，人為的使文字傾斜，而不是去選取字體中的斜體字

XML/HTML Code復(fù)制內(nèi)容到剪貼板
  1. p { font-style: normal; }   
  2. p { font-style: italic; }   
  3. p { font-style: oblique; }  

font(字體樣式縮寫(xiě))

CSS Code復(fù)制內(nèi)容到剪貼板
  1. 例：   
  2. p{   
  3. font-style: italic;   
  4. font-weight: bold;   
  5. font-size: 14px;   
  6. line-height: 22px;   
  7. font-family:'宋體';   
  8. }   
  9.   
  10. 縮寫(xiě)后：   
  11. p { font: italic bold 14px/22px '宋體'; }  

color 文本顏色

•英文單詞，比如：red，yellow，green …

•十六進(jìn)制表示方式，#開(kāi)頭，6個(gè)十六進(jìn)制的字符或數(shù)字組合，比如：#FFFFFF，#000000 …

•RGB模式，紅 0-255，綠 0-255，藍(lán) 0-255，比如：RGB(120,33,234)

•RGBA模式，比如：RGBA(255,0,0,0.5)，最后的A表示透明度50%

text-decoration 文本裝飾線條

none 默認(rèn)。定義標(biāo)準(zhǔn)的文本

underline 定義文本下的一條線

overline 定義文本上的一條線

line-through 定義穿過(guò)文本的一條線

blink 定義閃爍的文本

CSS Code復(fù)制內(nèi)容到剪貼板
  1. h1 {text-decoration:overline;}   
  2. h2 {text-decoration:line-through;}   
  3. h3 {text-decoration:underline;}  

text-shadow 文本陰影

h-shadow 必需。水平陰影的位置。允許負(fù)值

v-shadow 必需。垂直陰影的位置。允許負(fù)值

blur 可選。模糊的距離

color 可選。陰影的顏色

CSS Code復(fù)制內(nèi)容到剪貼板
  1. h1{ text-shadow: 2px 2px 2px #ff0000;}  

寬度 width : auto | length

高度 height : auto | length

CSS Code復(fù)制內(nèi)容到剪貼板
  1. p { width:300px;}   
  2. div { width:50%;}   
  3. img { height:200px;}   
  4. div { height:100px;}  

外邊距 margin : auto | length

margin-top 設(shè)置上邊的外邊距

margin-bottom 設(shè)置下邊的外邊距

margin-left 設(shè)置左邊的外邊距

margin-right 設(shè)置右邊的外邊距

縮寫(xiě)型式：

margin: 上邊距  右邊距  下邊距  左邊距

margin: 上下邊距  左右邊距

margin: 上邊距  左右邊距  下邊距

CSS Code復(fù)制內(nèi)容到剪貼板
  1. div { width:300px; height:100px; margin:10px;}   
  2. div { width:300px; height:100px; margin:0 auto;}  

內(nèi)邊距 padding : length

padding-top 設(shè)置上邊的內(nèi)邊距

padding-bottom 設(shè)置下邊的內(nèi)邊距

padding-left 設(shè)置左邊的內(nèi)邊距

padding-right 設(shè)置右邊的內(nèi)邊距

XML/HTML Code復(fù)制內(nèi)容到剪貼板
  1. div { width:300px; height:100px; padding:10px;}  

透明度 opacity : <number>

number值為 0.0-1.0 之間的小數(shù)

兼容全瀏覽器的寫(xiě)法：

XML/HTML Code復(fù)制內(nèi)容到剪貼板
  1. div{ filter:alpha(opacity=50); }  /* IE6-IE8 */   
  2. div{ opacity:0.5; }  /* 現(xiàn)代瀏覽器 */  

以上這篇css 常用樣式(分享)就是小編分享給大家的全部?jī)?nèi)容了，希望能給大家一個(gè)參考，也希望大家多多支持腳本之家。

相關(guān)文章

  • css動(dòng)畫(huà)效果之a(chǎn)nimation的常用樣式

    這篇文章主要介紹了css動(dòng)畫(huà)效果之a(chǎn)nimation的常用樣式，本文通過(guò)實(shí)例代碼給大家介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值，需要的朋友參考下吧
    2020-08-11

  • css常用樣式font設(shè)置字體的多種變換(實(shí)例詳解)

    這篇文章主要介紹了css常用樣式font設(shè)置字體的多種變換,本文通過(guò)實(shí)例代碼給大家介紹的非常詳細(xì)，具有一定的參考借鑒價(jià)值，需要的朋友可以參考下
    2020-02-19

  • 淺談html5標(biāo)簽css3的常用樣式

    下面小編就為大家?guī)?lái)一篇淺談html5標(biāo)簽css3的常用樣式。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧
    2016-10-20

  • 20個(gè)CSS/CSS3常用樣式匯總

    這里我總結(jié)了一下平時(shí)自己在項(xiàng)目中經(jīng)常用到的20個(gè)CSS常用的樣式，都是些個(gè)人的經(jīng)驗(yàn)，這里分享給大家，希望對(duì)大家有所幫助
    2014-09-02

  • CSS常用樣式簡(jiǎn)單的總結(jié)包括定位、顯示等屬性

    CSS常用樣式包括定位、顯示、寬高和剪裁等屬性，這些都是我們大家經(jīng)常使用到的，在本文做個(gè)總結(jié)，以備不時(shí)之需
    2014-04-18

  • CSS常用樣式之繪制雙箭頭的示例代碼

    這篇文章主要介紹了CSS常用樣式之繪制雙箭頭的示例代碼，代碼簡(jiǎn)單易懂，對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值,需要的朋友可以參考下
    2020-08-31

最新評(píng)論