2023年6月20日发(作者：)

CSS⽂字样式notice：⽂字样式会被继承⼀、常⽤的⽂字样式1、设置⽂字的颜⾊

color:red;2、设置⽂字的⼤⼩

font-size:30px;3、设置⽂字的粗细，bold为加粗字体font-weight:bold;4、设置⽂字的样式：normal 为默认样式，italic 为倾斜样式font-style: normal;5、设置⽂字的字体font-family:"楷体";6、字体对齐text-align:center;设置字体对齐⽅式：center 居中；left 左边；right 右边；justify 两端对齐7、字体缩进text-indent:2em;设置⾸⾏的字体缩进，单位可以是em、pxem为⼀个字的⼤⼩8、⽂字换⾏white-space: nowrap;设置⽂字是否换⾏，normal 为默认换⾏；nowrap 为强制不换⾏当⽂字超出并强制不换⾏时：overflow: hidden;超出元素隐藏overflow: scroll;超出元素设置滚动条overflow: auto;内容⼤于元素就出现滚动条，⼩于元素就不出现滚动条text-overflow:ellipsis;超出元素转换为...（与nowrap和hidden⼀起使⽤）9、⾏内垂直样式可以使⽤像素值px直接设置，也可以使⽤样式vertical-align:100px ;vertical-align:middle;top：顶部对齐bottom：底部对齐middle：垂直⽔平居中baseline：默认样式，垂直基线对齐（下端对齐）⾃定义字体@font-face{ font-family:"字体名称"; src:url("字体的路径");}某个元素要使⽤这种字体元素名{font-family:"字体名称";}整个⽹页要使⽤这种字体body{font-family:"字体名称";}设置⾃定义模板，⽅便开发vscode ⽂件 > ⾸选项 > ⽤户代码⽚段 > 没有，就⾃⼰新建⼀个prefix ：前缀代号，输出代号，就可以快速输出⾃定义模板a标签⽂字默认换⾏去除a标签（下）划线a{ text-decoration:none;}设置下划线a{ text-decoration:underline;}设置上划线a{ text-decoration:overline;}设置贯穿线a{ text-decoration:line-through;}⿏标样式cursor:pointer;pointer：⿏标悬浮时，变为⼩⼿default：⿏标悬浮时，变为默认样式（多数为箭头）help等等

2023年6月20日发(作者：)

CSS⽂字样式notice：⽂字样式会被继承⼀、常⽤的⽂字样式1、设置⽂字的颜⾊

color:red;2、设置⽂字的⼤⼩

font-size:30px;3、设置⽂字的粗细，bold为加粗字体font-weight:bold;4、设置⽂字的样式：normal 为默认样式，italic 为倾斜样式font-style: normal;5、设置⽂字的字体font-family:"楷体";6、字体对齐text-align:center;设置字体对齐⽅式：center 居中；left 左边；right 右边；justify 两端对齐7、字体缩进text-indent:2em;设置⾸⾏的字体缩进，单位可以是em、pxem为⼀个字的⼤⼩8、⽂字换⾏white-space: nowrap;设置⽂字是否换⾏，normal 为默认换⾏；nowrap 为强制不换⾏当⽂字超出并强制不换⾏时：overflow: hidden;超出元素隐藏overflow: scroll;超出元素设置滚动条overflow: auto;内容⼤于元素就出现滚动条，⼩于元素就不出现滚动条text-overflow:ellipsis;超出元素转换为...（与nowrap和hidden⼀起使⽤）9、⾏内垂直样式可以使⽤像素值px直接设置，也可以使⽤样式vertical-align:100px ;vertical-align:middle;top：顶部对齐bottom：底部对齐middle：垂直⽔平居中baseline：默认样式，垂直基线对齐（下端对齐）⾃定义字体@font-face{ font-family:"字体名称"; src:url("字体的路径");}某个元素要使⽤这种字体元素名{font-family:"字体名称";}整个⽹页要使⽤这种字体body{font-family:"字体名称";}设置⾃定义模板，⽅便开发vscode ⽂件 > ⾸选项 > ⽤户代码⽚段 > 没有，就⾃⼰新建⼀个prefix ：前缀代号，输出代号，就可以快速输出⾃定义模板a标签⽂字默认换⾏去除a标签（下）划线a{ text-decoration:none;}设置下划线a{ text-decoration:underline;}设置上划线a{ text-decoration:overline;}设置贯穿线a{ text-decoration:line-through;}⿏标样式cursor:pointer;pointer：⿏标悬浮时，变为⼩⼿default：⿏标悬浮时，变为默认样式（多数为箭头）help等等