css基础知识一

1、CSS （Cascding Style Sheet）层叠样式表 级联样式表 样式表

2、CSS作用： 修改页面中元素的显示样式

　　　　　　　能够实现内容与表现的分离

　　　　　　　提高代码的可重用性和可维护性

3、导入CSS的方式

　　　　　　　在HTML里直接写<h1 style="属性：值;属性:值">

　　　　　　　在<style>里面写法 选择器{属性：值;}

　　　　　　　在外部创建<link rel="stylesheet" type="text/css" href="">

　　　　　　　　　　或

　　　　　　　　　　　　<style>@import url(css01.css)</style>　　

4、link与@import的区别　　　　

　　　　　　　①、link除了引用css以外，还可以引用其他（例如HTML），而@import只能引用css

　　　　　　　②、link所引用的css会在页面加载时加载css样式，而@import是在页面加载完成时才能加载

　　　　　　　③、@import只兼容IE5以上

　　　　　　　④、js只能改变link中的css样式

5、css特征：继承性  无继承的有（<a>、待补充）

　　　　　　层叠性  优先级（外部样式表或内部样式表-就近原则）

　　　　　　补，!impotent 手动调整属性的优先级

6、css选择器： 作用 ： 当前样式规则的名称，规范那些元素能够使用当前的样式规则

7、类选择器的优先级高于标签选择器

8、分类选择器 如<p class="a"></p> 为，p.a

9、子代选择器 h1>b>span

10、伪类选择器 语法：选择器：伪类{}

　　　　①、链接伪类   :link 适用于尚未访问的链接

　　　　　　　　　　　:visited 访问过后的链接

　　　　②、动态伪类   :hover 适用于鼠标悬停在元素时

　　　　　　　　　　　:active 元素被激活时

　　　　　　　　　　　:focus 元素获取焦点时（多数用于文本框，密码框等）

11、为属性设置样式 如p[title] {colot:red;}

12、权重：继承 0000

　　　　　元素选择器 0001

　　　　　属性选择器、类选择器、子代选择器、伪类选择器 0010

　　　　   id选择器 0100

　　　　　后代选择器 各个后代相加

　　　　　内联 1000

13、input 设置css outline：0  取消蓝边

14、overflow :当元素溢出元素框时，如何处理

　　　　　　属性：  visible:溢出可见  hidden:溢出隐藏  scroll:设置滚动条  auto:自动，有溢出时显示滚动条

　　　　　　　　　overflow-x:横向溢出处理方式 overflow-y:纵向溢出处理方式

15、bord-style :dotted点状线

16、边框阴影 box-shadow

　　　　　　　　h-shadow : 水平阴影距离  v-shadow:垂直阴影距离

　　　　　　　　blur :可选，模糊距离  spreed:可选，阴影尺寸 color：可选，颜色  inset：可选，内阴影