-
CSS期末复习速览（二）
1.元素显示模式分为三种：块元素，行内元素，行内块元素
2.块元素：常见的块元素：
~
- ，特点：自己独占一行；高度，宽度，内外边距可以控制；宽度默认是父宽度的100%；里面可以放行内或者块元素
3.行内元素：常见的行内元素： ，特点：相邻行内元素在一行上，一行可以显示多个；高，宽直接设置是无效的；默认宽度就是它本身内容的宽度；行内元素只能容纳文本或其他行内元素
4.行内块元素：常见的行内块元素：
，同时具有块元素和行内元素的特点，特点：和相邻行内元素（行内块）在一行上，但是它们之间会有空白缝隙，一行可以显示多个（行内元素特点）；默认宽度就是它本身内容的宽度（行内元素特点）；高度，行高，内外边距都可以控制（块元素特点） 5.元素显示模式转换：转为块元素：display：block；转为行内元素：display：inline；转为行内块元素：display：inline—block；常用途径：增加的触发范围，从行内元素转为块元素
6.背景颜色：background—color：颜色值；默认是transparent（透明）
7.背景图片：background—image：url（图片地址）；常用于装饰小图片或超大背景图
8.背景平铺：background—repeat：repeat | no—repeat | repeat—x | repeat—y，默认是repeat的
9.背景位置：background—position：x y；两种参数：第一种方位名词：top/center/bottom/left/center/right，第二种精确单位：px px
10.背景固定：background—attachment：scroll（滚动）/fixed（固定），设置背景图片是否随着页面滚动而滚动
11.背景颜色半透明：rgba（red，green，blue，alpha），alpha的值在0—1之间，0是全透明，1是不透明
12.CSS三大特性：层叠性，继承性，优先级
13.层叠性：就近原则，但最近的只会覆盖有冲突的，而不是全部覆盖
14.子元素可以继承父元素的样式（text—系列，font—，line—系列，以及color）
15.优先级主要看权重的大小
注意：复合选择器是累加；无论父元素的权重多大，其子元素继承的权重都是0
16.盒子模型的四个组成：边框，外边距，内边距，实际内容
17.边框：border—width：px，设置边框大小；border—style：solid（实线）/dashed（虚线）/dotted（点线），设置边框样式；border—color：颜色，设置边框颜色；可以复合写，同时可以指定单方向边框：border—top/bottom/left/right；
18.border—collapse：collapse；控制边框合并不加粗；同时边框会影响盒子的实际大小，因此要记得给width/height减去对应的大小
19.内边距：padding—top/bottom/left/right；控制内容和边框之间的距离；可以复合写，按照顺时针方向给值；
20.同时内边距也会影响盒子的实际大小，因此要记得给width/height减去对应的大小；如果盒子本身没有指定width/height属性，则此时padding不会撑开盒子大小
- 相关阅读:
联网智能门锁助力老旧小区改造智慧公租房建设
【无标题】
手机自动化测试：4.通过appium inspector 获取相关app的信息，以某团为例，点击，搜索，获取数据等。
Day 56 | 583. 两个字符串的删除操作 & 72. 编辑距离 & 编辑距离总结篇
8、Docker数据卷与数据卷容器
深入理解指针：【探索指针的高级概念和应用一】
k3s 指南
痞子衡嵌入式：浅谈i.MXRT1xxx系列MCU时钟相关功能引脚的作用
详解JAVA远程debug
高级IO---五种IO模型&多路转接之Select
- 原文地址：https://blog.csdn.net/2301_80369371/article/details/139719390
- 相关阅读:
- ，特点：自己独占一行；高度，宽度，内外边距可以控制；宽度默认是父宽度的100%；里面可以放行内或者块元素