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:可选,内阴影