web前端笔记day3

1、什么是CSS：
层叠式样式表，通俗说法就是美白HTML效果
2、CSS的三种导入方式：
2.1 内嵌式，行内式 直接在标签内用style=" "
2.2 内部样式， 在head中使用<style></style>
2.3 外部样式 直接创建.css的文件，并在html文件中加上<link rel="stylesheet" href="style.css">
3、CSS代码语法：
样式名称1：样式值1，样式值2，样式值3…；
4、CSS的代码注释

/*注释内容*/

5、CSS选择器
5.1 标签选择器 直接写标签名上，那么所有该标签都受影响
5.2 类选择器 类的名称 那么所有class=该类的名称都会受影响。
5.3 id选择器 #id=该名称的所有标签都受影响
5.4 通配选择器 * 页面页面所有标签都受影响
5.5 子代选择器

#menu>li{
    color: aquamarine;
    font-size: 40px;
}

5.6 后代选择器

#menu li{
    color: aquamarine;
    font-size: 40px;
}

6、定位 position
6.1 相对定位 relative：相对自己原来的位置、偏移
6.2 固定定位 fixed：固定在浏览器上，滚动条不会影响该定位的位置
6.3 粘性定位 sticky：当DOM节点没有超出滚动条范围时，它为相对定位，超出后它为固定定位
6.4 绝对定位 absolute：当其父节点或者祖先节点没有定位时，就跟网页的坐标来定位
如果父节点或者祖先节点有定位，那么会根据先后顺序优先原则先找父节点来定位！
7、外间距margin、内间距padding
7.1外间距margin 表示是盒子和盒子之间的外部距离，使用margin时，左右会累加，上下不会累加
7.2内间距padding 表示盒子内部之间的距离，不过在使用padding时盒子会增大盒子的大小。使用

box-sizing:border-box;

可以取消增大！
7.3margin和padding的表示方法：
margin/padding：上 右 下 左；
margin/padding：上 右；（另外两个分别的值分别对应下和左去、取对角线值）

单词表