基本属性
程序员文章站
2022-06-09 10:34:15
...
1.文字属性
一:1.规定文字样式的属性
2.格式:
font-style: italic;
3.取值:
normal:正常的,默认就是正常的
italic:倾斜的
二:规定文字粗细的属性
2.格式:
font-weight: bold;
3.取值
bold:加粗
bolder:比加粗还有加粗
lighter:细线,默认情况下就是细线
也可以数字取值:100-900之间整百的数字
三:规定文字大小的属性
2.格式
font-size: 14px;
3.取值
通过font-size设置大小一定要带单位,也就是要写px(像素)
四:规定文字字体的属性
2.格式
font-family: "微软雅黑";
3.取值:
1.如果取值是中文,需要用双引号或者单括号括起来
2.设置字体必须是用户电脑里已经安装的字体
2.字体属性补充
1.如果设置的字体不存在,那么系统会使用默认的字体(宋体)
2.如果设置的字体不存在,而我们又不想用默认的字体显示,可以可以改字体显示备选方案
font-family: "微软雅黑","eras demi itc";
3.如果想给一句话中的中文和英文单独设置字体
只需要设置英文的字体在中文的字体前面
3.文字属性的缩写
用一个属性代表代表其他文字属性(style,weight,size,family)
格式:
font:style weight size family
2.注意点:
1.在这种格式下有的属性值可以省略。比如style,weight,可以省略,而且可以交换位置
2.在这种格式下有的属性值是不可以省略的,比如size,family,而且不可以交换位置,size一定要在family前面,而且size和family必须在所有属性之后。
4.文本属性
1.文本装饰的属性
格式:
text-decoration: none;/*什么都没有,常用来去掉超链接的下划线*/
text-decoration: line-through;删除线
text-decoration: underline;下划线
text-decoration: overline;上划线
2.文本水平对齐的属性
1.格式:
text-align: center;中间
text-align: left;左边
text-align: right;右边
3.文本缩进的属性
格式
text-indent: 200em;
2.取值
2em,em是一个单位,一个em代表缩进一个文字的宽度
4.颜色属性
格式
color:red ;
2.取值:
企业开发中rgba中的a是透明度0-1,1为不透明