2022-07-10 第十小组 房雪莹 学习笔记

今天是第二天的学习，今天学了css，也是自己不会应用，没有思路，但是还可以的是可以听懂。

今天记的笔记有：

CSS层叠样式表
CSS网页美化，html相当于布料，上色
如何嵌入，样式如何显示html元素
样式通常存储在样式表中
把样式表添加到html元素中
同级在连接先写../然后写连接的那个文件夹
要是连接到比自己高的页面，先找高的那个一样级别的
定义CSS 样式方式
1.行内样式，如果当前的样式不需要重复使用，可以用行内样式
优先级
2.内页样式（嵌入样式）
    （1）标签选择器
    （2）类选择器（.bg){class="bg"），声明样式的时候需要用一个英文的.,选择样式通过class属性，不需要写
    （3）id选择器，声明样式需要用一个#spring，对应的元素的id要匹配
 3.外部样式（推荐使用）
css选择器：
1.标签选择器
2.类选择器：一个标签元素是可以选择多个样式，样式中间用空格隔开
3.id选择器
4.div，p：选中页面上所有的div和p
5.div p：选中div里的p，无论嵌套多少层，都可以找到（常用）
6.div>p：选中div里面的直接子标签p（常用）
7.div+p：选中紧跟着div的p的
8.[type]：选中所有带有type的标签
9.[type=text]：选中页面上所有带有type=text属性的标签
10.[type~=t]:选中页面上type属性包含单词的所有元素
11.伪类选择器：：link:hover:active:visited
12.：nth-child（n）选中第几个对应的元素
13.:checked:选中所有被选中的元素
css层叠性
优先级：类>标签>id
层叠性：
1.如果样式冲突，遵循就是就近原则，哪个样式离结构近，就执行哪个样式
2.如果样式不冲突，直接用不层叠
继承性：
子标签会继承父标签的某些样式。文本颜色，字号，背景颜色
权重：1.继承的样式权重为0（继承的最不重要的叫权重为0）
          2.行内样式权重最高
          3.如果权重相同，就近原则
          4.！important能改变优先级，无限大
css常用的单位：
1.px像素：绝对单位，一个像素代表一个点。如100px*100px的正方形，宽度100个点，高度100个点。
2.em：相对单位，他会参考它的父级元素。字体，父级元素的字体时16px，要设置元素的字体大小为2em，当前元素 的字体大小就是32px。
3.rem：相对单位，是由页面决定的。当我们改变里浏览器的字号设置，也面对字号随之发生变化。应用在老人版
4.百分比：相对于父级元素的比例。
div相当于一张纸，本身相当于一张透明纸。
div是块级，span是行级
        margin:外边距.元素距离上一个元素的位置
        padding:内边距.本元素内部上空出的距离
        display显示方式inline是行级，block是块级
        list列表
        img src=“图片连接”
 /* 字体大小 */
        font-size: 100px;
        /* 字体样式 */
        font-family: "微软雅黑";
        /* 行高，一般用来居中 */
        line-height: 100px;
        /* 粗细 */
        font-weight: border;
        /* 字体的修饰 */
        text-decoration: underline;
        /* 字体的倾斜 */
        font-style: italic;

cursor：pointer是鼠标放上去时是小手
定位：position：...相对或绝对
悬浮：position：fixed

23错

重点：
上午：
1.路径问题
2.css引入
3.css三大特点
下午：
1.定位
2.盒子模型

尝试把昨天的网站加入css样式