首頁 > web前端 > css教學 > css折疊樣式(3)――常用樣式屬性

css折疊樣式(3)――常用樣式屬性

黄舟
發布: 2016-12-28 16:06:02
原創
1548 人瀏覽過

一點:

css折疊樣式(3)――常用樣式屬性

一、顏色屬性

css折疊樣式(3)――常用樣式屬性

demo.html

<!doctype html>  
<html>  
    <head>  
        <title>CSS的颜色属性的四种方式</title>  
        <meta charset="utf-8">  
        <style type="text/css">  
            body{  
                color:red  
            }  
            .c1{  
                color:#ff6600  
            }  
          
            .c2{  
                color:rgb(0,0,255)  /* 红(R)、绿(G)、蓝(B) 每个的取值范围0~255 */  
            }  
          
            .c3{  
                color:rgba(0,100,0,0.4)    /* RGBA是代表Red(红色) Green(绿色) Blue(蓝色)和 Alpha的(色彩空间)透明度(0-1) */  
            }  
        </style>  
    </head>  
    <body>  
        <p>这是第一种方式</p>  
        <p class="c1">这是第二种方式</p>  
        <p class="c2">这是第三种方式</p>  
        <p class="c3">这是第四种方式</p>  
    </body>  
</html>
登入後複製

二、字體屬性

.

<!doctype html>  
<html>  
    <head>  
        <title>CSS的字体属性</title>  
        <meta charset="utf-8">  
        <link rel="stylesheet" type="text/css" href="style.css">  
  
    </head>  
    <body>  
        <p class="c1">字体大小20px</p>  
        <p class="c2">楷体</p>  
        <p class="c3">加粗</p>  
        <p class="c4">斜体</p>  
          
    </body>  
</html>
登入後複製
css折疊樣式(3)――常用樣式屬性[b]三、背景屬性[/b]


四、文本屬性

五、邊框屬性css折疊樣式(3)――常用樣式屬性

(1)邊框風格:css折疊樣式(3)――常用樣式屬性

(2)邊框寬度:css折疊樣式(3)――常用樣式屬性

(3)邊框顏色:css折疊樣式(3)――常用樣式屬性

(4)組合方式(簡寫方式如上圖)css折疊樣式(3)――常用樣式屬性

demo.html

p.c1{  
      
    font-size:50px  
}  
  
p.c2{  
      
    font-family:KaiTi,SimSun    /* 可以使用“,”隔开,以确保当字体不存在的时候直接使用下一个 */  
}  
  
p.c3{  
      
    font-weight:bold           /* font-weight 字体加粗,normal(默认值)、bold(粗)、bolder(更粗)、lighter(更细) */  
                              /*另外一种方式:100、200、300~900,400 = normal,而 700 = bold,只能整百 */  
}  
      
p.c4{  
      
    font-style:italic    /* normal:标准 italic:斜体 oblique:倾斜 inherit:继承  */  
}
登入後複製
就是css折疊樣式(3)――常用樣式屬性的內容,更多相關內容請關注PHP中文網(m.sbmmt.com)!

css折疊樣式(3)――常用樣式屬性

相關標籤:
css
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板