css是对html的具体的标签进行完善
css和html结合方式
1,每一个html标签中都有一个style样式属性,该属性的值就是css代码
2,使用style标签的方式,一般定义在head中,先加载到内存中
3,使用css的@import语句导入css文件
1
其中cssDemo.css文件就是方式1中的<style>中的内容。
4,使用link链接css样式表
在<head>中加入链接语句
选择器种类
1,html标签选择器
2,类选择器 使用标签中的class属性 eg: div.class名 优先级高于div直接定义的 数量越少的优先级越高
3,id选择器 使用标签中的id属性 eg:div#id名 使用方法和类选择器一样 优先级高于类选择器
id取值在页面中是唯一的 id通常是为了标识页面中的一些特定区域时用的
4,扩展选择器
a.关联选择器:理解为目录结构即可
b.组合选择器:
c.伪元素选择器
优先级:标签选择器<类选择器<id选择器<style属性CssDemo.html
伪元素选择器演示
ID选择器区域这是div 区域1这是div区域2这是div3区域这是div4区域这是span区域1 这是span区域2这是段落1
这是段落2
overflow属性:超出给定范围的部分的显示方式
visible:可见
auto:
hidden:
scroll:
display属性
none:不显示
block:显示,长度不够自动换行。
待续。。。。。。