• 【互动话题】我为两会建言献策 2019-07-18
  • 还是中国足球队最牛,因为他稳定;中国股市就不一样了,怎么形容呢?唉,还不如中国足球! 2019-07-18
  • 新生代农民工市民化与城镇化发展 2019-07-04
  • 习近平应约同俄罗斯总统普京通电话 2019-07-02
  • 中粮集团混改再按“快进键” 2019-07-02
  • 人的本质,要能反映出人与动物的本质不同。过去有个网友说“劳动是人的本质”;真理先生现说是“财富占有”!???,能解释一下么? 2019-06-30
  • [鄙视]又一个“风水帖”。深坛什么时候成了“算命平台”了?!这些伪公知砖家不深入农村了解农民,凭一点表象就信口开河,“辛苦劳作的农民没有富起来”是这“4点原因” 2019-06-22
  • 击鼓-热门标签-华商生活 2019-06-22
  • 河北定州:秸秆回收变废为宝 2019-05-14
  • 妹妹半个多世纪前嫁到安徽 八旬老人想再见她一面 2019-05-14
  • 在这里,读懂2017——人民日报十大评论文章 2019-05-14
  • 步飘恒的专栏作者中国国家地理网 2019-05-14
  • 【奋斗者说】银河麒麟孔金珠:核心技术只有靠自己干出来 2019-05-13
  • 建好欧美同学会 助力伟大中国梦 2019-05-13
  • 看把你高兴的屁颠屁颠的,光有赞有什么用?我给你个货真价实的 [大红包]。 2019-05-13
  • ?
    欢迎来到DIVCSS5查找CSS资料与学习DIV CSS布局技术!
    您的位置:时时彩走势图后一 > DIV+CSS基础 >

    CSS基础必学列表

    CSS font-size字体文字大小样式属性

    时时彩走势图后一 www.cuhw.com.cn  CSS font-size字体文字大小样式属性-字体大小样式篇:

    本节时时彩走势图后一为大家介绍通过时时彩走势图后一设置文字字体大小知识,涉及CSS样式单词font-size。

    目录
    1. 设置字体大小CSS单词与语法
    2. font-size使用方法
    3. font-size效果截图
    4. font size=5什么意思
    5. CSS font-size常见运用
    6. font-size案例
    7. 对CSS font-size总结

    一、设置字体大小CSS单词与语法   -   TOP

    基本语法结构:

    .divcss5{font-size:12px;}
    设置了文字大小为12px像素
    Font-size+字体大小数值+单位

    单词:font-size
    语法:font-size : absolute-size | relative-size | length
    取值:xx-small | x-small | small | medium | large | x-large | xx-large
    xx-small:最小
    x-small:较小
    small:小
    medium:正常(默认值),根据字体进行调整
    large:大
    x-large:较大
    xx-large:最大
    也可取具体长度单位值

    二、font-size使用方法   -   TOP

    font-size:12px; 设置对象具体字体大小为12px
    font-size:xx-small; 设置文字大小为最小
    font-size:small; 设置文字字体大小为小
    font-size:x-large;设置对象字体大小为较大
    font-size:larger;设置对象字体大小为大
    font-size:smaller;相对于父容器中字体尺寸进行相对减小
    font-size:50%;相对于父容器中字体尺寸进行相应调整为50%大小
    font-size:150%;相对于父容器中字体尺寸进行相应调整为150%大小

    三、使用效果与截图   -   TOP

    对应时时彩走势图后一代码:

    1. < !DOCTYPE html >  
    2. < html > 
    3. <head> 
    4. <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> 
    5. <title>font-size字体大小测试-DIVCSS5实验</title> 
    6. <style type="text/css"> 
    7. body{ font-size:12px; line-height:24px;} 
    8. .exp1{font-size:12px;} 
    9. .exp2{font-size:xx-small;} 
    10. .exp3{font-size:small;} 
    11. .exp4{font-size:x-large;} 
    12. .exp5{font-size:larger;} 
    13. .exp6{font-size:smaller;} 
    14. .exp7{font-size:50%;} 
    15. .exp8{font-size:150%;} 
    16. </style> 
    17. <!-- 时时彩走势图后一 www.cuhw.com.cn --> 
    18. </head> 
    19. <body> 
    20. <div class="exp1">我被font-size值为12px大小</div> 
    21. <div class="exp2">我被font-size值为xx-small大小</div> 
    22. <div class="exp3">我被font-size值为small大小</div> 
    23. <div class="exp4">我被font-size值为x-large大小</div> 
    24. <div class="exp5">我被font-size值为larger大小</div> 
    25. <div class="exp6">我被font-size值为smaller大小</div> 
    26. <div class="exp7">我被font-size值为50%大小</div> 
    27. <div class="exp8">我被font-size值为150%大小</div> 
    28. </body> 
    29. </html> 

    Font-size样式设置与IE浏览对比效果图:

    DIV+CSS font-size字体大小演示对比图

    FONT-SIZE样式属性演示图

    四、font size=5什么意思   -   TOP

    有时我们看见或遇到如:
    <font size="5">内容</font>
    这个方法也是直接使用font标签加size设置对象字体大小。这里5代表设置对象字体大小为5号字。
    大家可以使用此方法测试测试比如设置size="2"、size="3"、size="8"等等不同值观察观察区别并掌握。

    五、CSS font-size常见运用   -   TOP

    5-1、直接标签内使用font-size设置对象内容字体大小
    <div style="font-size:14px">我被设置字体大小为14px</div>

    5-2、使用标签与CSS样式分离设置对象内容字体大?。ㄍ萍觯?/strong>
    CSS代码:.divcss5{ font-size:16px;}

    对应HTML DIV代码:<div class="divcss5">我被CSS font-size样式设置字体大小为16px</div>
    我们常常以此方法来设置对象字体大小。也就是所说的表现与CSS样式分离。

    六、font-size案例   -   TOP

    1、文字大小案例CSS代码

    1. #divcss5{ font-size:14px;} 
    2. .divcss5{ font-size:18px;} 

    2、字体大小案例HTML代码

    1. <div id="divcss5">我大小为14px</div> 
    2. <div class="divcss5">我大小为18px</div> 

    3、font-size案例截图

    css font-size案例截图
    font-size文字字体大小案例截图

    七、对CSS font-size总结   -   TOP

    我们使用CSS font-size设置对象字体大小样式,一般设置文字字体大小以具体长度单位值来确定对象内容文字大小。总之记住如CSS代码font-size:14px,即设置对象字体大小为14px(像素)。

    对于对对象文本字体大小的样式控制设置我们可以使用font-size+具体数字+单位,即可实现对象内文字大小控制。一般字体大小为正,除了使用数字加单位设置对象文字文字大小实现,也可以以百分比进行文字大小设置如(100%)实现文本字体大小,大家下来可以试试。

    扩展:如过遇到谷歌浏览器Chrome设置具体字体大小小于了12px会出现设置无效,此时可以看看解决谷歌浏览器设置文字字体小于12px方法://www.cuhw.com.cn/wenji/w321.shtml

    扩展相关阅读
    div字体大小

    如需转载,请注明文章出处和来源网址://www.cuhw.com.cn/rumen/r322.shtml

    我要分享到:

    必备CSS教程 Essential CSS Tutorials

    必备HTML基础教程 Essential HTML Tutorials

     

    如对文章有任何疑问请提交到DIV CSS论坛,或有任何网页制作CSS问题立即到CSS论坛发贴求解 或 直接DIVCSS5网页顶部搜索遇到DIVCSS疑问。
    时时彩走势图后一文章修订日期:2013-01-22 18:43 原创:时时彩走势图后一
    本文时时彩走势图后一 www.cuhw.com.cn DIVCSS5版权所有。

  • 【互动话题】我为两会建言献策 2019-07-18
  • 还是中国足球队最牛,因为他稳定;中国股市就不一样了,怎么形容呢?唉,还不如中国足球! 2019-07-18
  • 新生代农民工市民化与城镇化发展 2019-07-04
  • 习近平应约同俄罗斯总统普京通电话 2019-07-02
  • 中粮集团混改再按“快进键” 2019-07-02
  • 人的本质,要能反映出人与动物的本质不同。过去有个网友说“劳动是人的本质”;真理先生现说是“财富占有”!???,能解释一下么? 2019-06-30
  • [鄙视]又一个“风水帖”。深坛什么时候成了“算命平台”了?!这些伪公知砖家不深入农村了解农民,凭一点表象就信口开河,“辛苦劳作的农民没有富起来”是这“4点原因” 2019-06-22
  • 击鼓-热门标签-华商生活 2019-06-22
  • 河北定州:秸秆回收变废为宝 2019-05-14
  • 妹妹半个多世纪前嫁到安徽 八旬老人想再见她一面 2019-05-14
  • 在这里,读懂2017——人民日报十大评论文章 2019-05-14
  • 步飘恒的专栏作者中国国家地理网 2019-05-14
  • 【奋斗者说】银河麒麟孔金珠:核心技术只有靠自己干出来 2019-05-13
  • 建好欧美同学会 助力伟大中国梦 2019-05-13
  • 看把你高兴的屁颠屁颠的,光有赞有什么用?我给你个货真价实的 [大红包]。 2019-05-13