什么是CSS
定义:重叠样式表,控制页面和布局
CSS样式
所有的标签都有一个默认样式
内联式 在行内写style样式
内嵌式 在head内嵌套style
外联CSS样式 rel指定Html与css的文本样式,href 是连接外部样式表的
导入样式表 @import url(main.css) //将css样式表导入到当前的位置,且放在所 有样式设置之前
CSS语法
color:前景色 background-color:背景色
width/height 设置div的宽度/高度
块注释
/*start*/
块内容
/*end*/
*{ font-size: 16px; } //通配符选择器,*代表选择当的页面中的所有的标签
#id .class类(选择器)
一个id地址只可在网页设置中出现一次(id标签设置不能是标签名),类标签可以多次选择(类标签也可以一次选择多个类) /*页面开发建议多使用class类 ,当确定只会出现一次时时用id选择器*/
CSS复合选择器
h3.purple-black{} //是指即是h3标签又有.purple-black属性
.box li{ color: green;} //类.box对应下的li标签的后代选择器
div li{} //div对应下的li标签的后代选择器
.class,h3{ color:green;} //并集选择器,类class和h3标签有共同的属性
h > p //h 标签下的所有p标签都有该属性,若低一级别的则没有
优先权 //谁的权重优先,显示谁的
属性选择器
h1[id][class] 把同时拥有id 和class属性的h1标签给筛选出来
伪类
:link/:hover/:visited 超链接未访问/鼠标悬挂/访问过的超链接