温馨提示×

温馨提示×

您好,登录后才能下订单哦!

密码登录×
登录注册×
其他方式登录
点击 登录注册 即表示同意《亿速云用户服务条款》

css文字样式中属性的示例分析

发布时间:2022-03-02 09:44:21 来源:亿速云 阅读:109 作者:小新 栏目:web开发

小编给大家分享一下css文字样式中属性的示例分析,希望大家阅读完这篇文章之后都有所收获,下面让我们一起去探讨吧!

  1、设置文字字体——font-family

  属性值建议用英文黑体Arial;

  微软雅黑“MicrosoftYahei”;

  宋体“SimSun”提高加载速度;

  设置可选字体用逗号隔开)

  index.html

  <!doctypehtml>

  <html>

  <head>

  <metacharset="utf-8"/>

  <title>字体</title>

  <linkhref="index.css"type="text/css"rel="stylesheet"/>

  </head>

  <body>

  <p>

  设置文字字体属性值建议用英文黑体Arial;微软雅黑“MicrosoftYahei”;

  宋体“SimSun”;提高加载速度;设置可选字体用逗号隔开

  </p>

  </body>

  </html>

  index.css

  p{font-family:"SimSun";}

  2.设置文字大小&mdash;&mdash;font-size

  index.css

  p{font-size:21px;}

  3.设置文字为粗体&mdash;&mdash;font-weight

  属性值:normal;正常

  bold/bolder;加粗

  index.css

  p{font-weight:bold;}

  4.设置文字为斜体&mdash;&mdash;font-style

  属性值:italic;

  index.css

  p{font-style:italic;}

  5.设置英文为小型的大写字母字体

  index.css

  p{font-variant:small-caps;}

  6.设置文字颜色

  index.css

  p{color:lightgreen;}

  7.设置文字背景颜色

  index.css

  p{background-color:lightblue;}


看完了这篇文章,相信你对“css文字样式中属性的示例分析”有了一定的了解,如果想了解更多相关知识,欢迎关注亿速云行业资讯频道,感谢各位的阅读!

向AI问一下细节

免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。

css
AI