css文本属性

1:文本大小 font-size：； 控制文本大小

font-size： ；px

a；为了减小系统间的字体显示差异，规定16px为文本标准大小

b；文本大小一般设置为偶数

c；pc端项目设置最小尽量别第于12px

d；从ps中获取文本大小，汉字量取文本高度

e；文本单位；px/em/pt px（像素） pt(磅) 9pt=12px;

em（相对于父元素font-size设定） 默认情况下1em=16px

f；medium =16px

2：文本颜色 color：； 控制网页中的文本

color：；

a ；用十六进制表示颜色值：0 1 2 3 4 5 6 7 8 9

​ 0 1 2 3 4 5 6 7 8 9 A B C D E F

颜色值；#ff0000 6个数字 — （红色，绿色，蓝色）

b；rgb(255,0,0)— （红色，绿色，蓝色）

rgba(255,0,0,0.5)— （红色,绿色,蓝色,透明度） 0-1为透明度比例

3:文本类型 font-family：； 控制网页中字体样式

font-family：（中文字体）；

a；当字体是中文字体时，需加双引号

b；当英文字体中有空格时，需加双引号如（“Times New Roman”）

c；当英文字体只有一个单词组成是不加双引号；如：（Arial）；

d；默认为微软雅黑

4: 文字加粗font-weight：； 控制文本倾斜

font-weight:bolder(更粗的)/bold（加粗）/normal（常规）/100—900;

a；在css规范中，把字体的粗细分为9个等级，分别为100——900，其中100对应最轻的字体变形，而900对应最重的字体变形，

b；100-400 一般 500常规字体 600-900加粗字体

5: ont-style：； 控制文本倾斜

font-style：italic/oblique/normal（倾斜，倾斜幅度大，取消倾斜常规显示）;

a；italic和oblique都是向右倾斜的文字, 但区别在于Italic是指斜体字，而Oblique是倾斜的文字，对于没有斜体的字体应该使用Oblique属性

6：文字行高 line-height：； 控制文本行高

line-height: ; px

1： 从ps图上怎么获取行高：

a；从第一行开始量到第二行开始

b；如果让单行文本里边上下居中，line-height设置高度即可

小于容器高度时候，文本往上移动，大于容器高度时候，文本往下移动

7：水平对齐方式 text-align：； 控制文本水平对齐方式

text-align: left/right/center/ justify（两端对齐中文不起作用）

8:文本修饰 text-decoration：；

none:没有修饰

underline:添加下划线

overline:添加上划线

line-through:添加删除线

blink：闪烁

9:首行缩进 text-indent：；

text-indent：； px

a；text-indent：2em； 首行缩进两格

b；text-indent可以取负值

c；text-indent属性只对第一行起作用

10：字间距、词间距 letter-spacing word-spacing

a；字间距控制英文字母或汉字的字距

b；词间距控制英文单词词距。

11：text-transfrom：; 控制文本大小

uppercase 大写 lowercase 小写 capitalize 每个单词首字母大写

浮动

属性：float：left/right 左右浮动

a；添加浮动之后，元素不占空间

b；如果想让多个元素，横向排列，所有的排列的元素，都必须添加浮动

c；如果子元素添加浮动，宽度大于父元素的时候，后边元素会被挤出

• 点赞
• 收藏
• 分享
• 文章举报

sss_s_s_ 发布了20 篇原创文章 · 获赞 0 · 访问量 275 私信 关注