今日学习笔记

• 文本

1，<br>换行，格式居中。

2，标签{text-align：conter(对齐方式);}

3，标签{line-size}行高行间距，默认为16px

4，常见单位

px，设备上的像素点，根据设备大小显示的并不相同。

em，相对于当前元素大小，可继承。

若第一层为32px，第二层为64px，第三层为128px，以此类推

%，相对于父元素的百分比。

Vm，相对于视窗宽度的百分比，单字所占的字体大小。

wh，相对于视窗高度的百分比，单字所占的字体大小。

5，标签{letter-spacing：10px（间距大小）}字体间距。

标签{text-indent：10px（缩进大小）}段首缩进。

6，标签{letter-decoration：（下划线样式   ）；}下划线。

7，阴影/重影，{text-ahadow：（左右偏向方向） （上下偏向反方向） （阴影大小半径） （阴影颜色）。

• 字体
  1. font-size（），体大小
  2. font-style（），字式
  3. font-wight（），字体粗细
• 背景

1.  wight，hight调整<div>大小

2，background-size，调整插入图片大小，但有可能插入多张一样的图片。

3，background-repant：no-postion；与上方类似，但只插入一张。

• 1. background-postion：（位置）定义初始位置，可以加隔断。
• 边框

1，Border-style：（样式）；（上）（下）（左）（右）填四个值

填一个值默认为四个前两个值一个为上下一个为左右

2，Border- radius：（大小）：圆角边框大小圆角半径大小的都可以定义

• table表格

1,<tr> 单元格，行

2，<tb>单元格，列

3，border-collapse：collapse，合并，共用边。

• 元素展示格式

<div>与<span>的区别

1，<div>换行，<span>不换行

2，<div>wight,height,margin,pudding是可控的

<span> wight,height,无效，水平方向的内边距（margin）外边距（pudding）是可控的，竖直方向无效。

2024年1月3日星期三