千锋前端浠浠呀老师HTML+CSS教程,零基础web前端开发入门必看视频

1、font-size 字体大小——
单位有px,pt,em等。
12pt=16px,1em=16px。
浏览器默认是16px,设计图常用字号12px。
2、color 颜 色——
color:red;
color:#fff000;
color:rgb(255,0,0);
范围0-255;
red green blue==rgb。
3、font-family 字 体——
当字体是中文字体、英文字体中有空格时,需要加双引号。
多个字体中间用逗号链接,先解析第一个字体,如果没有解析第二个字体,以此类推。
谷歌、火狐默认微软雅黑;
系统默认以及ie、360、qq浏览器默认宋体。
4、font-weight 加粗——
font-weight:bolder(更粗的)/bold(加粗)/normal(常规)
font-weight:100-900;
100-500不加粗,
600-900加粗。
这里的数字取整数,无单位。
5、font-style 倾 斜——
font-style:italic(斜体字)/oblique(倾斜的文字)/normal(常规显示)。
6、text-align 文本水平对齐——
text-align:left; 水平靠左
text-align:right; 水平靠右
text-align:center; 水平居中
text-align:justify;水平两端对齐,但是只对多行起作用。
(text-align-last:justify; 单行文本两端对齐)
7、line-height 行 高——
行高指的是两行文字基线到基线之间的垂直距离;
line-height的数据=height的数据,可以实现单行文本在垂直方向居中。
注意: line-height:1; 1是字号大小的1倍。
line-height:100%; 也是字号大小的一倍。
8、font 文字简写——
宽度 倾斜 大小/行高 字体
font是font-style font-weight font-size 或 line-height font-family的简写。
顺序不能改变,必须同时指定font-size和font-family属性时才起作用。
9、text-decoration 文本修饰——
text-decoration:none没有
underline下划线
overline上划线
line-through删除线。
10、text-indent 首行缩进———
text-indent可以取负值;
text-indent属性只对第一行起作用。
11、text-transform 英文大小写切换——
none:默认值无转换
capitalize:首字母大写
uppercase:全部大写
lowercase:全部小写。
12、font-variant 小型大写字母——
把小写字母转换成大写,但是它的字号大小要比别的大写字母小(大小为四线三格的中间一格那么小)。
normal:默认值,无变化
small-caps:小型大写。
13、layout-flow 文本控制属性——
一般情况下只会在ie浏览器里实现
horizontal:从左向右开始显示
vertical-ideographic:从上到下开始显示
14、letter-spacing 字间距———
默认为0
取值为数字,单位:px
可以取负值
15、word-spacing 词间距—— 英文单词间的间距