一、字体属性
??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; 首行缩进两个字符
三、css选择器
??1.标签选择器
div{background-color:red;} || p{text-size:20px;}
??2.id选择器(以#调用id)
??3.类选择器(以.调用)
??4.派生选择器(以空格调用)
div i{font-style:normal;}
??5.子元素选择器(以>调用)
??6.多元素选择器(以,隔开多个元素)
div,p,span{font-style:italic;}
??7.通配选择器(*)
*{padding:0;margin:0;}
??8.伪类选择器
1)link 正常链接状态设置
2)visited 点击后链接状态设置
3) active 点击时状态
4)hover 鼠标放上去后的状态
使用: div:hover{width:200px;height:300px;}
9.伪对象选择器
1)first-letter 所选中对象第一个字符状态设置
2)first-line 所选中对象的第一行状态设置
10.属性选择器(以[]调用,常用于表单元素)
11.兄弟选择器(以+调用,格式为:哥哥+弟弟)
div+p{color:red;}
注意:以哥哥标签调用弟弟标签,修饰的是弟弟标签,不能通过弟弟标签修饰哥哥标签。