文本属性
color 为字体指定颜色
格式: color: 值;
取值:英文单词、rgb、十六进制数
font-style 用于打开和关闭斜体文本
格式:font-style: italic; 取值: normal:正常的,默认就是正常的 italic : 倾斜的 快捷键: fs font-style: italic; fsn font-style: normal;
font-weight 为字体设置粗细程度
格式: font-weight: bold; 取值: bold 加粗 bolder 比加粗还要粗 lighter 细线, 默认就是细线 数字取值: 100-900之间整百的数字 400 等同于 normal 700 等同于 bold
font-size 为文字指定大小
格式:font-size: 30px; 单位:px(像素 pixel) 注意点: 通过font-size设置大小一定要带单位, 也就是一定要写px
font-family 为文字指定特殊的字体,浏览器只会使用浏览器可以访问到的字体
格式:font-family:"楷体";
webFont 网络字体
字体图标
text-decoration 设置或者取消文本修饰
格式:text-decoration: underline; 取值: underline 下划线 line-through 删除线 overline 上划线 none 什么都没有, 最常见的用途就是用于去掉超链接的下划线
text-align 文字排列方式
格式: text-align: right; 取值: left 左 right 右 center 中
text-indent 文本缩进属性
格式: text-indent: 2em; 取值: 2em, 其中是em单位, 一个em代表缩进一个文字的宽度
text-transform 设置或者取消字体改变
用于使文本显示为全大写或全小写
text-shadow 设置或者取消文本阴影
格式: text-shadow: h-shadow v-shadow blur color; 取值: none:取消所有阴影 h-shadow :必需。水平阴影的位置。允许负值。 v-shadow :必需。垂直阴影的位置。允许负值。 blur:可选。模糊的距离。 color:可选。阴影的颜色。
列表样式
list-style-type 设置列表项标志类型
list-style-position 设置列表项标志出现的位置
list-style-image 自定义设置列表项标志
list-style 取值:[<type>][<image>][<position>]
其他样式
line-height
设置文本的行高 取值为绝对单位或者相对单位
display
显示方式的切换 inline 行内显示,宽高无效、block 块级显示,宽高有效、inline-block 为了能够让元素既能够不独占一行, 又可以设置宽度和高度, 那么就出现了行内块级元素, 行内显示同时宽高有效、none 不显示,不占据屏幕空间、flex 伸缩盒布局
visibility
显示与隐藏 hidden 隐藏,占据屏幕空间、visible 显示
opacity
透明度,0-1之间的取值,取值为0的时候隐藏,占据屏幕空间
overflow 溢出处理
hidden 超出内容隐藏、auto 超出产生滚动条、scroll 滚动条
cursor 光标样式
pointer 光标呈现为指示链接的指针(一只手)