码迷,mamicode.com
首页 > 其他好文 > 详细

第十节课 -字体样式

时间:2020-01-01 16:54:53      阅读:59      评论:0      收藏:0      [点我收藏+]

标签:默认值   ora   col   image   line   img   写法   src   com   

ul ol {list-style:none}

a{text-decoration:none}

font-size(字体大小):

                              0(无)12px(最小) 16px(默认)

                              em(父级字体,就近原则)

                              rem(html字体大小,html的默认值也是16px)

                              一般给body设置12px,因为body会把标签元素当成字体,如果字体过大会出现间隙,故设置为最小字体12px,body{font-sze:12px}

                              em如果不用在font-size上,则为当前元素内字体大小,eg:div{width:10em;font-size:10px} 10em为100px

font-family(字体样式):多值,多的值用作备用字体

                            谷歌默认:微软雅黑

                            ie默认:宋体

                            serif:衬线字体,末端加粗

                            sans-serif:非衬线字体,粗细均匀,更黑,更圆滑,常用作备用字体

                            eg:div{font-family:"微软雅黑“,sans-serif ;}                                (中文加引号)

                            引用外部字体: @font-face{

                     font-family:”繁体“(字体名);

                                                                         src:url(" ");             (引用字体路径)

                                                                        }        

                                                     div{font-family:"繁体"}        

font-weight(字体粗细)

                           bold(加粗)   ,替代b标签的使用

                           normal(正常),用作清除字体本身默认的特殊样式

font-style(字体样式)

                         normal(正常),用作清除字体本身默认的特殊样式,比如清除i标签的倾斜字体

                         italic(倾斜字体)

                         oblique(使字体倾斜,当某字体没设置倾斜字体时使用)

font-variant(定义小型大写字母)

                       small-caps:(让小写字母变成大写字母,但又比大写字母小,大写字母不变)

                                                                                                                     技术图片

 

line-height(行高) ,比font-size:大。字体在line-height内垂直居中,line-height可使字体与行内元素在其范围内居中

                         注意:能撑开块级与行内块元素

                                   不能撑开行内元素

字体样式可写复合写法:要求 :字体大小放在倒数第二位,字体样式放在倒数第一位.,line-height写在font-size后,之间用/ 分开

                        eg1:font:12px/1.5em "繁体";

                        eg2:small-caps italic 12px/1.5em "繁体";

 

                          

 

第十节课 -字体样式

标签:默认值   ora   col   image   line   img   写法   src   com   

原文地址:https://www.cnblogs.com/yzdwd/p/12128938.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!