字体

font-size 文字大小

font-size:<length>|<percentage>|<absolute-size>|<relative-size>

父元素 文字大小:font-size:12px;

    子元素 文字大小:font-size:16px;

    子元素 文字大小:font-size:2em;  24px参照父元素

    子元素 文字大小:font-size:200%; 24px参照父元素

font-family 字体

font-family:[<family-name>|<generic-family>]#

<generic-family>=self|sans-self|cursive|fantasy|monospace (衬线体|非衬线体|草书|幻想体|等宽字体)是一类字体,是由浏览器指定的

字体系列:font-family:arial;只设置了英文字体,中文字体为默认字体

    字体系列:font-family:arial,Verdana,sans-serif;

    字体系列:font-family:Verdana,"microsoft yahei";(英文字体,中文字体)

    字体系列:font-family:"宋体",serif;(英文中文都是宋体,后面的不起作用)

font-weight 加粗字体

font-weight:normal|bold|bolder|lighter|100|200|300|400|500|600|700|800|900

字体粗细:font-weight:normal;

字体粗细:font-weight:bold;

font-style

font-style:normal|italic(字体本身的斜体)|oblique(倾斜)

字体风格:font-style:normal;

字体风格:font-style:italic;

line-height

line-height:normal(1.1-1.2/1.14)|<number>|<length>|<percentage>

行高:line-height:40px;

    行高:line-height:3em;

    行高:line-height:300%;先计算再继承

    行高:line-height:3;line-height为number时为直接继承

font

text{

    font-size:12px;

    font-family:arial;

    font-weight:bold;

    font-style:italic;

   line-height:20px;

}

font:[[<font-style>||<font-variant>||<font-weight>||<font-stretch>]?<font-size>[/<line-height>]?<font-family>]|caption|icon|menu|message-box|small-caption|status-bar

缩写:font:30px/2 "Consolas",monospace;

   缩写:font:italic bold 20px/1.5 arial,serif;

   缩写:font:20px arial,serif;

   缩写:font:100px;错误

color

color:red;

color:#ff0000;

color:rgb(255,0,0);

color:rgba(255,0,0,0.5);

color:rgba(0,0,0,0);全透明

color:transparent;全透明

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 1、垂直对齐 如果你用CSS,则你会有困惑:我该怎么垂直对齐容器中的元素?现在,利用CSS3的Transform,...
    kiddings阅读 3,216评论 0 11
  • 一、概念 参考网页字体Serif和Sans-serif的区别及浏览器字体的设置CSS Font知识整理总结 1.F...
    合肥黑阅读 6,430评论 0 12
  • 字体系列 serif字体成比例,有上下短线 sans-serif 字体成比例,没有上下短线 monospace 字...
    hcxowe阅读 536评论 0 0
  • Android 6.0 引入了运行时权限。就是权限是在程序运行的时候赋予的,而不是安装的时候赋予的。6.0之前权限...
    我在等你回复可你没回阅读 2,556评论 4 10
  • 厌倦了在朋友圈矫情,还是换个身份找个地方记下这些故事,此后回忆起来也会感触良多吧。 回忆起到底为什么喜欢上他,大概...
    jiaoer01阅读 284评论 0 0