首页 > web前端 > css教程 > css文字样式中属性的介绍(附代码)

css文字样式中属性的介绍(附代码)

不言
发布: 2018-08-18 11:45:48
原创
1813 人浏览过

本篇文章给大家带来的内容是关于css文字样式中属性的介绍(附代码),有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助。

1、设置文字字体——font-family
属性值建议用英文黑体Arial;  
微软雅黑 “Microsoft Yahei”;
宋体“SimSun”提高加载速度;
设置可选字体用逗号隔开)

index.html

<!doctype html>
<html>
<head>
    <meta charset="utf-8"/>
    <title>字体</title>
    <link href="index.css" type="text/css" rel="stylesheet"/>
</head>
<body>
    <p>
    设置文字字体属性值建议用英文黑体Arial; 微软雅黑 “Microsoft Yahei”;
    宋体“SimSun”;提高加载速度;设置可选字体用逗号隔开  
    </p> 
</body>
</html>
登录后复制

index.css

p{    font-family:"SimSun";}
登录后复制

2.设置文字大小——font-size
index.css

p{    font-size:21px;}
登录后复制

3.设置文字为粗体——font-weight
属性值:normal;正常
bold/bolder;加粗
index.css

p{    font-weight:bold;}
登录后复制

4.设置文字为斜体——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设置文字属性的示例

CSS属性之字体(Font)_html/css_WEB-ITnose

网页CSS样式属性:font字体常识_html/css_WEB-ITnose

以上是css文字样式中属性的介绍(附代码)的详细内容。更多信息请关注PHP中文网其他相关文章!

相关标签:
css
来源:php.cn
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
作者最新文章
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板