css层叠样式初学

一、css简介

　　1、层叠样式表：叠加效果，不同css对同一html修饰，冲突部分，优先级高作用，不冲突部分，共同作用

　　2、css作用

　　　　(1)修饰html
　　　　(2)替代了标签自身的颜色，字号等属性，提高复用性
　　　　(3)html内容与样式分离，便于后期维护

　　3、css引入方式

　　　　(1)内嵌样式

　　　　<div style="color:red;font-size:100">内嵌方式</div>

　　　　(2)内部样式（写在head中）

　　　　<style type="text/css">

　　　　　　div{color:red;font-size:100}

　　　　　　input{color:red;font-size:100}

　　　　</style>

　　　　(3)web全局样式

　　　　　　1.创建css文件

　　　　　　2.键入：div{color:red;font-size:200px}

　　　　　　3.引入该css文件

　　　　　　　　<link ref="stylesheet" href="cssDemo.css" type="text/css">

　　　　(4)@import方式

　　　　　　基本不用，原因迟滞于html加载css，不支持js动态修改，部分低ie版本不支持

　　　　小结：

　　　　　　style:告知浏览器使用css去解析

　　　　　　ref:css和html的关系

　　　　　　引入写在head中

　　　　　　内部样式也写在head中