h5 day5笔记 2021.08.20

文本属性：

文本大小：font - size：属性值（属性值最好为偶数，单位：像素px）

--浏览器中默认字体大小是16px，默认显示的最小字体是12px

文本类型：font - family：属性值

--中文建议加上引号，英文只有一个值时可不加，多个值需加引号；浏览器默认字体是微软雅黑。

文本加粗：font - weight：属性值

--属性值：1）100~900之间的整百数，100~500正常字体，600~900加粗字体；2）bold 加粗  bolder 更粗  normal正常的（表示清除加粗的默认样式，非常重要！）

文本倾斜：font - style：属性值

--属性值：italic 倾斜的  oblique 更倾斜的 normal 正常的（清楚倾斜标签的默认样式）

文本行高：line - height：属性值（单位px）

1）行高=容器高度：文本垂直居中  2）行高>容器高度 ：文本下移 3）行高<容器高度：文本上移

拓展：跑马灯标签<marquee>

文本复合/简写属性：font：font-weight  font-style（这两者可写可不写，位置可互换）font-size/line-height（固定写法，不可省略或换位置）font-family（不可省略，即使无设置项，默认为微软雅黑）

文本颜色： color：属性值

--属性值：1）英文单词 2）# 16进制 3）rgb()  4）rgba（，，，alpha）透明度0~1

拓展：透明度的设置 1）rgba() 设置单个属性字体颜色半透明  2）opacity:0~1 设置所有颜色属性半透明

文本对齐方式：text - align：属性值

--属性值：left  right  center  justify（两端对齐）

首行缩进：text - indent：属性值（单位em）

--可为负值，只针对第一行文本

字间距：letter - spacing（单位px）

词间距：word - spacing（单位px）

文本修饰：text - decoration：属性值

--属性值：underline（下划线） overline（上划线） line-through（删除线）none（清除默认下划线，重要！！）

列表属性：

列表符号样式：list - style - type：属性值

list - style：none

--属性值：disc（实心圆，默认值）circle（空心圆）square（实心方块）none（清除默认样式）

图片作为列表符号：list - style -image：url（图片地址） --给列表添加符号时可使用

列表符号位置：list - style - position：属性值（inside内部  outside外部）

边框属性：（html属性中的边框，默认样式为实线，颜色为黑色）

浏览器中显示边框的条件：border - width（单位px）   border - style（solid实线，dashed虚线，dotted点线，double双实线）   border - color（单词，16进制，rgb/rgba）

边框复合/简写属性：border：border-width   border-style  border-color

--改变某一方向的边框：border-top-color     border-top：none/0

拓展：颜色透明transparent

盒模型计算方式：盒子自身大小=content+padding+border   

盒子占浏览器真实大小=content+padding+border+margin

背景属性：

背景颜色：backgroud-color  可简写为backgroud

背景图片：backgroud-image：url(地址)

--容器>背景图片  图片会默认铺满容器（平铺）

--容器=背景图片  图片会完整覆盖

--容器<背景图片  图片会只展示一部分

（img标签是html结构  背景图片是css，需要容器支持）

背景平铺：background-repeat：属性值

--属性值：repeat（平铺，默认值）no-repeat（不平铺）repeat-x（沿x轴平铺）repeat-y（沿y轴平铺）

背景位置·：background-position：x轴 y轴

--属性值：x轴left、right、center   y轴top、bottom、center（x y还可使用数值）

背景固定：background-attachment：属性值（fixed固定/scroll滚动）

背景复合/简写属性：background：颜色 图片 平铺 位置 固定