欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

基本属性

程序员文章站 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为不透明