2023.2.14

课程：css知识点

一、掌握知识

1. 背景图片、背景大小

2. 高度计算：calc

3. 字体

4. div高度和宽度

5. 兄弟选择器：使用+号

6. 单行溢出和多行溢出：必须设置宽度才能使用

7. 布局：排序、换行、左右对齐、上下对齐

8. 上下左右对齐、居中对齐

9. 设置body为浏览器的高度

10. 最小宽度：min-width;1000px

ps：多个地方的代码一致，则不能提取公共部分

css有一定的优先级

1）后面的css会覆盖前面的css

2）属性选择器优先大于类选择器

3）id选择器大于类选择器

二、难点与问题

1. 紫色框中市场价与价格不在同一行

解决方法

原因：div中会自动换行

通过flex-wrap实现不自动换行,前面需添加display: flex;

.twd>div{
    border: 2px solid #1d0101;
    height: 30px;
    width: 920px;
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
}

2. 页面出现错误，对div的规划有失误，需要重新再写一遍页面