分享font-size 语法的介绍及相关实例教程

font-size 语法: 

font-size : absolute-size | relative-size | length

登录后复制

参数: 
absolute-size : 根据font-size字体进行调节。xx-small | x-small | small | medium | large | x-large | xx-large 
relative-size : 相对于父对像中字体尺寸进行相对调节。使用成比例的em单位计算。larger | smaller 
length : 百分数 | 由浮点数字和单位标识符组成的长度值,不可为负值。其百分比取值是基于父对象中字体的尺寸。请参阅长度单位 
 
说明: 
设置或检索对象中的字体尺寸。
默认值为absolute-size的medium值。 
对应的脚本特性为fontSize。请参阅我编写的其他书目。 
示例: 

p { font-style: normal; } p { font-size: 12px; } p { font-size: 20%; }

登录后复制

网页设计中,font 如何精确字体大小?

一般中文的字体大小是12px或者14px。随着显示器分辨率不断提高,12px的文字在大于1440*900的显示器里看起来会显得比较小,阅读起来不是很容易,所以现在网页设计里面用12px的已经比较少了,特别是文章正文部分,普遍都会用14px。13px的字体在IE6下面会有一点点显示上的bug,所以现在用得也不太多,不过随着IE6慢慢被淘汰,这个问题也不再是一个问题了。而对于标题栏的文字大小,没有特别的限制,视觉上感觉舒服就行。
字体大小代码:font-size:14px(字体大小14像素)
对于font-family,一般来说14px及以下大小的文字,应当设置为宋体,当然也可以设置为微软雅黑。不过在XP下默认是没有雅黑字体的,所以在css里面可以这样设置字体:
font-family:”Microsoft Yahei”,simSun,Arial;
把几个字体用逗号隔开,如果系统没有第一种字体,就用第二种,如果没有第二种就用第三种,以此类推。

关于css中font-sizefont-size性的问题

font-size是设置字体的一个css样式,其值可以为:px或者em;
继承方式是根据父元素来定的,如果父元素已经定义了字体大小,子元素没有设置字体大小,那么会默认使用父元素的font-size值,也可以单独给某一个元素设置其值

以上就是分享font-size 语法的介绍及相关实例教程的详细内容,更多请关注【创想鸟】其它相关文章!

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至253000106@qq.com举报,一经查实,本站将立刻删除。

发布者:PHP中文网,转转请注明出处:https://www.chuangxiangniao.com/p/3123346.html

(0)
上一篇 2025年3月29日 18:36:42
下一篇 2025年3月29日 18:37:54

AD推荐 黄金广告位招租... 更多推荐

相关推荐

  • css属性中fontVariant的介绍与实例

    font-variant font-variant设置小型大写字母的字体显示文本,这意味着所有的小写字母均会被转换为大写,但是所有使用小型大写字体的字母与其余文本相比,其字体尺寸更小。取值small-caps    浏览器会显示小型大写字母…

    编程技术 2025年3月29日
    100
  • css word-break属性的具体使用方法介绍

    处理网页内的文本就会有各种的换行的情况发生,那么页面的元素在什么样的情况下进行换行操作呢?我们可以通过word-break 代码来精确的控制这个换行。 语法:  word-break : normal | break-all | keep-…

    编程技术 2025年3月29日
    100
  • css中text-kashida-space属性的详细介绍

    语法:  text-kashida-space : length 登录后复制 参数:  length :  百分数。标示kashida膨胀与空格膨胀的比例。为100%,仅有kashida膨胀。为0%,仅有空格膨胀。缺省值为0%  说明:  …

    编程技术 2025年3月29日
    100
  • CSS中关于注释的三种方法介绍

    通常css注释代码如果是单行注释的话开始使用/*,结束使用*/,这里向大家描述一下css代码中进行注释的三种方法,相信本文介绍一定会让你有所收获。 CSS代码中进行注释的三种方法 1、选择器(childselector) 如果你想在IE中隐…

    编程技术 2025年3月29日
    100
  • CSS盒子模型与定位介绍

    盒子模型常见相关属性和属性取值 /*基本属性*/padding: padding-left/right/top/bottomborder: border-left/right/top/bottom  border-radiusmargin:…

    2025年3月29日 编程技术
    100
  • css中属性值继承介绍

    这篇文章主要介绍了css中属性值继承,介绍了属性的可以继承和不可继承,同时分析了继承的局限性以及是否可以取消等等,具体操作步骤大家可查看下文的详细讲解,感兴趣的小伙伴们可以参考一下。 继承:html元素可以从父元素那里继承一部分css属性,…

    编程技术 2025年3月29日
    100
  • 关于CSS布局技巧的总结分享

    单列布局 水平居中 父元素text-align:center;子元素:inline-block; 优点:兼容性好; 不足:需要同时设置子元素和父元素 nbsp;html>水平居中1 .parent { width: 500px; he…

    编程技术 2025年3月29日
    100
  • CSS 块级元素/内联元素、继承与相关属性简介

    什么是块级元素(Block-level elements)?   浏览器通常在元素之前和之后都使用换行符显示块级元素。您可以将其可视化为一堆框。   块级元素始终在新行上开始,并占用可用的全宽(尽可能向左和向右扩展)。 用法:块级元素可能只…

    编程技术 2025年3月29日
    100
  • CSS中关于雪碧图的详细介绍介绍

    CSS雪碧图 即CSS Sprite,也有人叫它CSS精灵,是一种CSS图像合并技术,该方法是将小图标和背景图像合并到一张图片上,然后利用css的背景定位来显示需要显示的图片部分。CSS Sprites技术被国内一些人称为CSS雪碧图,其实…

    编程技术 2025年3月29日
    100
  • CSS 高级技巧汇总分享

    本文主要和大家分享CSS 高级技巧汇总,使用技巧会让人变的越来越懒,没错,我就是想让你变懒。下面是我收集的CSS高级技巧,希望你懒出境界。 1. 黑白图像 这段代码会让你的彩色照片显示为黑白照片,是不是很酷? 登录后复制登录后复制登录后复制…

    编程技术 2025年3月29日
    100

发表回复

登录后才能评论