html可以使用“color”属性设置字体颜色。;
1、新建html文档,在body标签中添加p标签,然后在p标签中添加一些文字:;
2、在head标签中添加style标签,style标签的作用是为元素添加样式,然后在style标签中添加“p{ }”,p指的是为所有p标签设置样式,大括号内填写样式内容:;
3、在大括号内添加“color”属性,属性值为文本颜色,这时字体就被添加上了颜色:
前话
有些小伙伴问我网页文字相关的问题,例如怎么修改文字的颜色,或是怎么修改文字大小,鉴于这些都是网页设计中肯定会遇到的,于是我就把大家常见的问题收集起来形成文字,以便小伙伴们查阅,希望对大家有所帮助。
开篇
在开始本文之前,我准备了案例,结合案例会比直接贴代码更好理解,下面就以图文并茂的方式开始讲解。
效果图
完整代码
<html><head><style>body{background:#E0FFFF;/*设置背景颜色*/font-family:思源黑体CN;/*设置字体*/}
.container{width:100%;/*设置宽度*/text-align:center;/*设置内容居中*/padding-top:50px;/*设置内容与上边距离*/}</style></head><body><divclass=”container”><h1style=”color:#71C671;font-size:3em;”>周末の青柠</h1><pstyle=”font-size:2em;”>周末简设-分享好作品,传递正能量</p><p>周末<fontsize=”10px”color=”#EE6A50″>简设</font>,简洁<fontsize=”5px”color=”#71C671″>不</font>等于简单</p></div></body></html>
接下来我们来分析一下实现以上效果的方法,关键代码我会圈出来
1、修改文字字体
通过font-family切换字体,至于有哪些字体可以自行搜索
2、修改文字颜色
通过color设置字体颜色,至于有哪些web安全色可以自行搜索
3、修改文字大小
修改文字大小有两种方法
(1)通过style的font-size属性来修改
(2)通过font标签size属性来修改
PS:
字体size的常用单位有px和em
px:绝对单位,页面按精确的像素展示。
em:相对单位,基准点为父节点字体的大小。
如果对以上概念不是很清楚也没关系,可以自行调整大小来观察,最终能适配你的网页即可。
后记
你耐心得走多远,你就能看多远!
案例下载
链接:
https://pan.baidu.com/s/1kSUJZfgAAZrObG99Cukjwg
提取码:
bwv4