css基本语法 

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>CSS基本语法</title>
<link href="demo.css" rel="stylesheet">
<style type="text/css">
/*     p{color:red} */
</style>
</head>
<body>
<!--     css:cascading style sheets(层叠样式表)
            * 语法：选择器{声明;声明2}
            * 选择器
                标签选择器：p|h2
                类选择器：（可以有多个相同的）
                    定义：.类名{}
                    调用：class="类名"
                ID选择器：(只能有一个)
                    定义：#ID名{}
                    调用：id="ID名"
　　　　　　　　优先级：id>类>标签
            * 颜色值
                * red|green|blue
                * #ff0000 = #f00 = red    取值范围:0-ff
                * rgb(255,0,0)    取值范围:0-255
            * css嵌入方式
                * 行内
                    style属性
                    eg:style="color:blue"
                * 内部
                    style标签
                    eg:
                        <style type="text/css">
                        p{color:red}
                    </style>
                * 外部
                    定义：xxx.css文件
                    使用：<link href="demo.css" rel="stylesheet">
                * 优先级：就近原则
                    行内>内部>外部
 -->
    <p>师傅领进门，修行在个人</p>
    
</body>
</html>

 

posted @ 2020-10-28 20:10  凌晨四点lsj  阅读(52)  评论(0)    收藏  举报