欢迎光临散文网 会员登陆 & 注册

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

2023-07-18 08:31 作者:bili_53008956198  | 我要投稿

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 词间距—— 英文单词间的间距

千锋前端浠浠呀老师HTML+CSS教程,零基础web前端开发入门必看视频的评论 (共 条)

分享到微博请遵守国家法律