目录
思考:
css层叠样式表
网页美化
HTML如何嵌入
样式如何显示HTML元素
样式通常是存储在样式表中
把样式表添加到HTML元素中
定义css样式的方式:
1.行内样式
2.内页样式(嵌入模式)
(1)标签选择器
(2)类选择器:声明样式需要一个.
(3)ID选择器:声明样式需要一个#
3.外部样式
css选择器:
1.标签选择器
2.类选择器:一个标签元素可以保护多个元素,中间用空格隔开
3.ID选择器
4.组合选择器 div,p
(1)后代选择器 div p
(2)子元素选择器 div>p 只管上一级
(3) div+p 紧跟着div的p
5.属性选择器
[type]:选中页码中所有带由type的标签
[type=text]:选中页码中所有type=text的标签
[type`=t]:选中页码中type属性包含单词的所有元素
6.伪类选择器:
默认模式:
a :link
鼠标悬停:
a :hover
元素被激活:
a :active
点过的链接:
a :visited
第几个:
a :nth
css层叠样式表:
类>标签>ID
层叠性
1.如果样式冲突,遵循就近原则
2.如果样式不冲突,直接用
继承性:
margin: 外边距,元素距离另一个元素的位置
padding: 内边距,本元素内部空出的距离
定位:
1.相对定位:relative 占有原有位置,不会上天,参照物是已定位的父级元素
2.绝对定位:absolute 不再占有位置,可以上天,参照物是已定位的父级元素
3.文档流(默认):static
4.浮动:fixed 浮动的元素会脱离原本的文档流,造成父元素的高速坍塌