CSS层叠样式表cascading style sheets
将网页中的样式单独分离出来，完全由CSS控制，增强样式复用性和扩展性。
格式：选择器{属性名：属性值；属性名：属性值；……}
CSS与HTML结合的4中方式：
1、每个HTML标签都有style属性
2、当页面中有多个标签具有相同样式时，可定义style标签封装样式以复用
<style type=”text/css”>css代码</style>
3、当多个页面使用相同样式时，可将样式单独封装为CSS文件导入
<style type=”text/css”>@import url(“1.css”);</style>
4、通过HTML头标签中的link标签链接一个CSS文件
<link rel=”stylesheet” href=”1.css” media属性可选，默认设备屏幕/>
技巧：为提高样式的复用性和可扩展性，将多个样式单独定义并封装为CSS文件，如p.css、div.css……在一个总的CSS文件中，使用import导入这些CSS文件，然后在HTML页面中用link标签将这个总的CSS文件导入即可。
优先级：就近原则标签上设置的style属性可以覆盖其他样式
选择器：
1、标签选择器：每个HTML标签名即为一个选择器
2、类选择器：标签中的class属性指定 定义样式要加点 js引用时用className
3、ID选择器：标签的id属性，尽量保证唯一，便于JavaScript获取元素
4、扩展选择器：
a、关联选择器：标签中的标签 table div表示表格中的div区域
b、组合选择器：多个选择器逗号分隔
c、为元素选择器：元素的状态 如超链接的默认状态、点击状态、悬停状态等
a:linka:visiteda:hovera:activeLVHA顺序
删除超链接默认下划线：text-decoration：none
p:first-letterp:first-linefocus:IE6不支持
CSS滤镜：通过一些代码丰富了的样式
网页设计时，DIV+CSS
DIV和P标签都属于行级区域，回车效果，SPAN标签为块级区域，无回车效果
可加border、color等属性，P标签中不要嵌套DIV标签
免责声明：本站发布的内容（图片、视频和文字）以原创、转载和分享为主，文章观点不代表本网站立场，如果涉及侵权请联系站长邮箱：is@yisu.com进行举报，并提供相关证据，一经查实，将立刻删除涉嫌侵权内容。
