css三种引入方式

行内：标签内部

head内 style标签

link 引入外部 href rel="stylesheet"

style type

@IMPORT url();

style

.选择类

#选择id

 一、三种css样式规则的定义语法(名称、语法、使用方式)：
        1、标记选择器：标记名称{样式规则}
        p{
            // 样式规则
            color: red;
            background-color: green;
        }
        
        2、ID选择器：#ID名称{样式规则}
        
        3、类选择器：.类名称{样式规则}
        
        
        二、css的三种使用方式：
        1、行内样式：在标签体中使用style样式属性进行样式规则的定义
        
        2、内嵌样式：把样式规则嵌入到当前html网页中
        
        3、外部样式：把样式规则通过另一个文件进行定义
            导入外部样式：
                a、link:放在<head>标签体中
                        <link rel="stylesheet" type="text/css" href="./styles.css">
                b、import:需要放在<style type="text/css"></style>样式标签体中
                        <style type="text/css">
                            @IMPORT url("./css/csstest.css");
                        </style>
                        
        三、css样式使用的优先级：
            行内样式 > 内嵌样式 > 外部样式  (注意外部样式的link位置)

1 <link rel="stylesheet" type="text/css" href="./css.css">
1 　　 <style type="text/css">
2     @IMPORT url(css.css);
3     </style>
1 <style type="text/css">
2     body{
3     color:red;
4     }
5     </style>
1 <body style="color:blue;">
2     This is my HTML page. <br>
3   </body>

 

posted @ 2013-09-16 10:55  董文博  阅读(425)  评论(0)  编辑  收藏  举报