前端设计>知识整理>正文
1.字体属性
1.指定字体
属性:font-family
取值:字体名称,名称之间用逗号隔开
ex:
font-family:"微软雅黑",Arial,"黑体";
2.字体大小
属性:font-size
取值:以px或pt为单位的数字
3.字体加粗
属性:font-weight
取值:
1.bold 加粗(b,hn)
2.normal 正常
3.value 无单位的数字(整百倍)
400-900
400:等同于normal
900:等同于bold
4.字体样式
属性:font-style
取值:
1.normal 正常显示
2.italic 斜体显示
5.小型大写字母
将小写字符变成大写,但文本的大小与小写字符一致
属性:font-variant
取值:
1.normal 正常
2.small-caps 小型的大写字符
6.字体属性简写
属性:font
取值:style variant weight size family;
注意:
如果用简写方式,必须设置family的值,否则无效。
font:12px; 错误
font:12px "黑体"; 正确
2.文本格式
1.文本颜色
属性:color
取值:合法的颜色值
2.文本排列
作用:指定文本,行内,行内块元素的水平对齐方式。
属性:text-align
取值:left/center/right/justify(两端对齐)
3.文字修饰(线条)
属性:text-decoration
取值:
none:无任何线条修饰
underline:下划线修饰
overline:上划线修饰
line-through:删除线修饰
4.行高
作用:定义一行文本的高度
特点:如果行高的高度大于字体本身的大小,那么该行文本将在指定的行高内呈现垂直居中的效果。
属性:line-height
取值:以px为单位数值
5.首行文本缩进
属性:text-indent
取值:以px为单位的数值
6.文本阴影
属性:text-shadow
取值:h-shadow v-shadow blur color;
本文链接:https://www.weguiding.com/zhishi/198.html
- 上一篇:HTML页面自动清理js、css文件的缓存(自动添加版本号)
- 下一篇:网页背景属性
猜你喜欢
- 19-01-24 HTML 文本格式化容易忽略的标签
- 19-01-24 前端常见跨域解决方案整理
- 19-01-24 viewport
- 19-01-24 Web前端开发代码规范——HTML/CSS规范
- 19-01-24 页面渲染优化
- 19-01-24 可能用到的meta标签
- 19-01-24 4种盒子/容器垂直水平居中的方案
- 19-01-24 meta标签及用法详解
- 19-01-24 CSS尺寸与边框
- 01-24meta标签及用法详解
- 01-24渐变样式设置
- 01-24HTML 文本格式化容易忽略的标签
- 01-24CSS尺寸与边框
- 01-244种盒子/容器垂直水平居中的方案
- 01-24Web前端开发代码规范——HTML/CSS规范
- 01-24页面渲染优化
- 01-24前端常见跨域解决方案整理
- 01-24viewport
- 01-24Web前端开发代码规范——HTML/CSS规范
- 01-24页面渲染优化
- 01-24可能用到的meta标签
- 01-244种盒子/容器垂直水平居中的方案
- 01-24meta标签及用法详解
- 01-24前端常见跨域解决方案整理
- 01-24viewport
- 01-24Web前端开发代码规范——HTML/CSS规范
- 01-24页面渲染优化
- 01-24可能用到的meta标签
- 01-244种盒子/容器垂直水平居中的方案
- 01-24meta标签及用法详解
- 图文推荐