[2016-01-15][CSS][CSS样式的使用]

[2016-01-15][CSS][CSS样式的使用]

 
  • 内链样式表 
1
2
3
4
5
6
7
8
9
10
11
12
13
<html>
    <head>
        <title>CSS样式的使用-内链样式表-</title>
        <meta charset="utf-8">
    <head>
    <body style="background-color:green;color:#fff">
        <!--内链样式表-->
        <!--直接在标记里面加上属性 style = "属性:值;属性:值;...属性:值;"  
            后面必须有;号表示结束
        -->
        正文2333
    </body>
</html>
  • 嵌入式样式表
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
<!DOCTYPE>
<html>
    <head>
        <title>CSS样式的使用</title>
        <meta charset="utf-8">
        <style type = "text/css">
        body{
            background:green;
        }
        p{
            color:#fff;
        }
        </style>
        <!--使用方法:
            在 head 里面使用 
            <style type = "text/css">
                标记名{属性:值;}
            </style>
        -->
    <head>
    <body>
        正文<!--默认颜色--><br>
        <p>123456</p><!--白色-->
    </body>
</html>
 
  • 引入式样式表
1
2
3
4
5
6
7
8
9
10
11
12
<!DOCTYPE>
<html>
    <head>
        <title>CSS样式的使用</title>
        <meta charset="utf-8">
        <link rel="StyleSheet" type = "text/css" href="style.css">
    <head>
    <body>
        正文<!--默认颜色-->
        <p>23333</p><!--白色-->
    </body>
</html>
style.css
1
2
3
4
5
6
body{
    background:green;
}
p{
    color:#fff;
}



来自为知笔记(Wiz)



posted on 2016-01-15 17:19  红洋  阅读(164)  评论(0)    收藏  举报

导航