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、px
em为⼀个字的⼤⼩
8、⽂字换⾏
white-space: nowrap;
设置⽂字是否换⾏，normal 为默认换⾏；nowrap 为强制不换⾏
当⽂字超出并强制不换⾏时：
overflow: hidden;
超出元素隐藏
overflow: scroll;
超出元素设置滚动条
overflow: auto;
内容⼤于元素就出现滚动条，⼩于元素就不出现滚动条text-overflow:ellipsis;text align center
超出元素转换为...（与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 ⽂件 > ⾸选项 > ⽤户代码⽚段 > html.json
没有html.json，就⾃⼰新建⼀个
prefix ：前缀代号，输出代号，就可以快速输出⾃定义模板a标签
<a href="">⽂字默认换⾏</a>
去除a标签（下）划线
a{
text-decoration:none;
}
设置下划线
a{
text-decoration:underline;
}
设置上划线
a{
text-decoration:overline;
}
设置贯穿线
a{
text-decoration:line-through;
}
⿏标样式
cursor:pointer;
pointer：⿏标悬浮时，变为⼩⼿
default：⿏标悬浮时，变为默认样式（多数为箭头）
help等等

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。