??1.font-size 设置字体大小,默认为16px
??2.font-family 设置字体样式,如宋体、微软雅黑、华文行楷等可设置多个以解决兼容性问题。
??font-family:"宋体","华文行楷","微软雅黑";
注意 注意 注意:字体名称用引号括起来!!!字体名称用引号括起来!!!字体名称用引号括起来!!!
??3.font-style 设置字体是否倾斜,其属性有
??italic——使字体产生倾斜效果
??normal——取消字体的倾斜效果(适用于取消html中的<i>标签效果)
font-style:italic;
??4.font-weight 设置字体是否加粗
bold——字体加粗
normal——取消字体加粗效果(适用于取消html中的<b>和标题标签(h1~h6),标签的加粗效果)
??1.text-decoration 设置文本修饰效果
1)none 取消文本修饰效果(如清除html标签<a>的下划线)
2)line-through 为文本添加删除线
3)over-line 为文本添加上划线
4)under-line 为文本添加下划线
??2.text-transform 文本转换
1)uppercase 将所有字母转换为大写字母
2)capitalize 所有单词的首字母大写。
3) lowercase 将所有字母转换为小写字母
??3.text-align 设置字体对齐方式
1)left 左对齐
2)center 居中对齐
3)right 右对齐
??4.text-indent 首行缩进
text-indent:16px; 首行缩进16像素
text-indent:2em; 首行缩进两个字符
div{background-color:red;} || p{text-size:20px;}
div i{font-style:normal;}
div,p,span{font-style:italic;}
*{padding:0;margin:0;}
1)link 正常链接状态设置
2)visited 点击后链接状态设置
3) active 点击时状态
4)hover 鼠标放上去后的状态
使用: div:hover{width:200px;height:300px;}
1)first-letter 所选中对象第一个字符状态设置
2)first-line 所选中对象的第一行状态设置
div+p{color:red;}
注意:以哥哥标签调用弟弟标签,修饰的是弟弟标签,不能通过弟弟标签修饰哥哥标签。
原文:https://www.cnblogs.com/xiaocheng228/p/13089540.html