CSS学习第五天-文本样式
1、字体
1.1 字体样式 字体 font-family ;字体大小 font-size ;字体粗细 font-weight;
可以连写,如下格式:
font{
(1)字体风格(斜体-oblique) (2)字体粗细(bloder或100)(3)大小/行高 (12px/20px) (4)字体样式(“楷体 ”)
}
2、文本
2.2 首行缩进 text-indent:2em;(备注:1em为1个字符宽度,1px为1个像素)
2.3 水平居中 text-align: center
2.4 垂直居中 设置块元素的高度 height 然后 将文本的高度 line-height设置成和height相同的高度,即达到垂直居中的效果
2.5 上划线 text-decoration: overline;
中划线 text-decoration: line-througt;
下划线 text-decoration: underline;
取消a标签的下划线 text-decoration: none;
2.6 文本图片关联调节
将文字放在图片旁边的垂直居中位置,关联调节需要参照物,所以要把两个元素都写上
eg: img,span{
vertical-align: middle;
}
2.7 a标签伪类
a:hover{color: #FF0000} 鼠标悬停
a:active{color: #FF0000} 选中链接
a:linke{color: #FF0000} 未访问的链接
a:visited{color: #FF0000} 已访问的链接
2.8 阴影 text-shadow: 水平阴影位置(必需 可负值) 垂直阴影位置(必需 可负值) 模糊距离 阴影的颜色
eg:text-shadow:0px 0px 1px #ACACAC 可以让网页字体渲染的更清晰
- 点赞
- 收藏
- 关注作者
评论(0)