第十节课 -字体文本样式和特殊符号

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:(让小写字母变成大写字母,但又比大写字母小)

                          

 

猜你喜欢

转载自www.cnblogs.com/yzdwd/p/12128938.html