赞助

Css作用:美化页面

各种css属性 接触的 css属性

width

height

background

Color

选择符和声明

声明包括 属性:属性值

选择符:{

属性:属性值

}

1:文本属性:font-size:;

A,为了消除系统式设备之间的字体显示差异 规定16px为标准字体大小

B,文本大小的设置在pc端尽量设置成偶数

C,文本大小的设置在pc端最小尽量别低于12px

D,怎么在设计图上面获取文本大小汉子,高度等

E,文字的单位:px   pt(磅)pt=12px  em(相对大小单位,相对于父元素的font-size值)

1em = 16px

 

2:文本颜色 color:;

rgb颜色模式:colorrgb11212,12);

rgba颜色模式:colorrgba255,0,0,0.5);后面的0.5是透明度1是不透明

十六进制数字表示颜色值  表示颜色值:#16进制的数字(6位或者3位(3位必须数字是相同的))

color#225,0,0color#000;   color:red;

 

3:文本类型:font-family:;

大部分浏览器默认字体:微软雅黑;

语法:如果字体是中文;字体要放在引号里面

B,如果字体是多个英文单词也要放在引号里面

C,我们把系统或者设备能识别的字体称之为:web安全字体

D,如果设置多个字体情况下字体和字体之间用逗号隔开

E,如果中英文都存在的情况下,先写英文字体再写中文字体

F,Aridl英文默认字体

 

4:字体加粗:font-height:;

属性值:

normal  常规文本

bold  加粗

bolder 加粗

100-900  分为9个等级

 

5:字体的倾斜  font-style:;

属性值:

normal  常规文本

italic  倾斜

oblique 倾斜

 

6:行高的处理 : line-height:;

A,在设计图里面获取行高(从第一行开始量到第二行开始)

B,行高在浏览器的解析:line-height40px;让文本在40px的高度里面上下居中

C,单行文本撑开容器高度的时候上下误差清零:line-height设置成文字高度

 

7:水平对齐方式:

text-align:;

属性值:left right center justify(二端对齐)

 

8:文本修饰属性:(下划线)

text-decoration:;

属性值:

none  去掉下划线

underline 添加下划线

overline  添加上划线

line-though  添加删除线

blink 浏览器不识别 闪

 

9:首航缩进 : text-indent:;

text-indent2em

属性值可以是负数(悬挂式缩进)

 

10:字体间距&&词间距

letter-spacing

word-sapcing

 

11:控制文本带小写:

text-transform:;

属性值:

capitalize 每个单词首字母大写

uppercase 大写

lowercase 小写

 

posted on 2020-10-04 14:32  Tsunami黄嵩粟  阅读(241)  评论(0编辑  收藏  举报