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颜色模式:color:rgb(112,12,12);
rgba颜色模式:color:rgba(255,0,0,0.5);后面的0.5是透明度1是不透明
十六进制数字表示颜色值 表示颜色值:#16进制的数字(6位或者3位(3位必须数字是相同的))
color:#225,0,0; color:#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-height:40px;让文本在40px的高度里面上下居中
C,单行文本撑开容器高度的时候上下误差清零:line-height设置成文字高度
7:水平对齐方式:
text-align:;
属性值:left right center justify(二端对齐)
8:文本修饰属性:(下划线)
text-decoration:;
属性值:
none 去掉下划线
underline 添加下划线
overline 添加上划线
line-though 添加删除线
blink 浏览器不识别 闪
9:首航缩进 : text-indent:;
text-indent:2em;
属性值可以是负数(悬挂式缩进)
10:字体间距&&词间距
letter-spacing
word-sapcing
11:控制文本带小写:
text-transform:;
属性值:
capitalize 每个单词首字母大写
uppercase 大写
lowercase 小写