2022/07/10 第五小组 丁帅 学习笔记 day03

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     浮动的元素会脱离原本的文档流，造成父元素的高速坍塌