css中有哪些字体属性

css中的字体属性有:1、字体样式属性font-family;2、字体尺寸属性font-size;3、字体风格属性font-style;4、字体粗细属性font-weight;5、字体变形属性font-vatiant。

css中有哪些字体属性

css字体属性:

(学习视频分享:css视频教程)

font-family    设置字体系列。    

h1 {font-family: Georgia;}

登录后复制

font-size    设置字体的尺寸。    

立即学习“前端免费学习笔记(深入)”;

h1 {font-size:60px;}h2 {font-size:40px;}p {font-size:14px;}

登录后复制

font-style    设置字体风格。    

p.normal {font-style:normal;}p.italic {font-style:italic;}p.oblique {font-style:oblique;}

登录后复制

font-variant    以小型大写字体或者正常字体显示文本。    

p {font-variant:small-caps;}

登录后复制

font-weight    设置字体的粗细。    

p.normal {font-weight:normal;}p.thick {font-weight:bold;}p.thicker {font-weight:900;}

登录后复制

其他属性还有:

font-size-adjust    当首选字体不可用时,对替换字体进行智能缩放。(CSS2.1 已删除该属性。)    

font-stretch    对字体进行水平拉伸。(CSS2.1 已删除该属性。)    

相关推荐:css视频教程

以上就是css中有哪些字体属性的详细内容,更多请关注【创想鸟】其它相关文章!

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

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

(0)
上一篇 2025年3月10日 20:19:15
下一篇 2025年3月1日 05:55:07

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

相关推荐

  • css中display:hidden和display:none有什么区别

    css中display:hidden和display:none的区别是:1、【display:none】表示不存在且不加载,不为被隐藏的对象保留其物理空间;2、【display:hidden】是隐藏但在浏览时保留位置,及对象在网页上不可见。…

    2025年3月10日 编程技术
    200
  • css怎么设置文字只读且不可复制

    css设置文字只读且不可复制的方法:可以利用user-select属性来进行设置,如【user-select:none;】。user-select属性用于设置或检索是否允许用户选中文本,none表示文本不能被选择。 本教程操作环境:wind…

    2025年3月10日
    200
  • css属性可分为哪几大类

    css属性可分为可继承性属性和不可继承性属性两大类。可继承属性包括:visibility、cursor、line-height等;不可继承属性包括display、margin、border等。 css属性根据继承性可以分为两大类,分别是:可…

    2025年3月10日
    200
  • css如何设置图片轮廓

    css设置图片轮廓的方法:可以利用outline属性来进行设置,如【outline:green dotted thick;】。outline是绘制于元素周围的一条线,位于边框边缘的外围,可起到突出元素的作用。 本教程操作环境:Windows…

    2025年3月10日
    200
  • css怎么使字体更加紧凑

    css使字体更加紧凑的方法:可以利用letter-spacing属性来实现,如【letter-spacing: 20px;】。letter-spacing属性用于增加或减少字符间的空白(字符间距)。 本教程操作环境:Windows7系统、c…

    2025年3月10日
    200
  • css grid布局的优缺点是什么?

    css grid布局的优点:1、固定和灵活的轨道尺寸;2、可以使用行号,名称或通过定位网格区域将项目放置在网格上的精确位置;3、可以将多个项目放入网格单元格或区域中,它们可以彼此部分重叠。缺点:兼容性不太好。 【相关推荐:CSS视频教程】 …

    2025年3月10日
    200
  • css中position的定位有哪些

    css中position的定位有:1、static;2、fixed;3、relative;4、absolute。static相当于没有定位,relative生成相对定位的元素。 css中的position有4种取值,分别是static、fi…

    2025年3月10日
    200
  • css怎么让a标签居中

    css让a标签居中的方法:可以通过给a标签的父元素设置【text-align:center】属性来实现。text-align属性指定元素文本的水平对齐方式。 属性介绍: text-align属性指定元素文本的水平对齐方式。 (学习视频分享:…

    2025年3月10日
    200
  • 如何解决myeclipse 8.5 css乱码问题

    myeclipse8.5 css乱码的解决办法:首先依次打开“properties->Resource->Text file encoding->others”;然后选择UTF-8或者在default ecoding中写编…

    2025年3月10日
    200
  • 如何使用CSS 显示 XML

    使用CSS显示XML的方法:首先打开相应的代码文件;然后通过“”方法把XML文件链接到CSS文件即可。 推荐:《css视频教程》 使用 CSS 显示 XML 通过使用 CSS,可为 XML 文档添加显示信息。 使用 CSS 显示您的 XML…

    2025年3月10日
    200

发表回复

登录后才能评论