HTML网页制作:[17]CSS常用样式字体及颜色属性
CSS在网页中应用非常广泛,今天我就来分享一些关于文本的CSS样式属性。一起来学习一下吧!
操作方法
(01)如图,比如我们有一段文字hello html!。
(02)然后在浏览器中预览一下最初始的效果。
(03)然后我们在网页中添加style标签,从而设置CSS样式。
(04)如图,书写标签名加花括号,这里我使用的是p标签。如果你用的是其他标签,则修改为其他标签。
(05)接着书写书写font-family,font-family是关于字体的属性,这里我设置成微软雅黑,你也可以设置成楷体,隶书等,注意要带上双引号哦。
(06)接着再来预览,可以看到字体变成微软雅黑了哦。
(07)再来书写属性font-size,这个属性是设置文本的大小的。这里我就设置成36px,px表示像素。数值越大则文字越大。
(08)接着预览效果,就会发觉字号变大了。
(09)接着设置font-style,这个属性是设置文本的风格,我设置的是斜体italic,默认是normal。
(10)接着预览效果可以看到文字变成斜体了哦。
(11)设置文本是否为粗体可以用属性font-weight,这里我设置为bolder,或者也可以设置成bold。
(12)这样文字就会加粗了。
(13)而color这个属性可以设置文本的颜色,这里我就设置成red红色了。你也可以设置成blue蓝色,orange橙色,pink粉色等。
(14)最后,网页文本变成红色的了。
(15)贴出源代码可以参考参考。<!doctype html><html lang="en"><head><meta charset="UTF-8" /><title>Document</title><style type="text/css">p{font-family: "微软雅黑";font-size: 36px;font-style: normal;font-weight: bolder;color: red;}</style></head><body><p>hello html!</p></body></html>
-
如何使用Flash绘制皮卡丘动画
Flash中文翻译为“动画”的意思,是专门用来制作动画的软件工具。现在,我们以实际的例子出发看看如何使用Flash软件绘制皮卡丘图案吧。操作方法(01)新建文档双击【Flash图标】,打开软件。在软件界面点击【文件】---【新建】,会弹出的新建文档窗口点击【ActionScript3....
-
最好的p图软件有哪些?
现在在网上我们经常会看到一些恶搞的图片,感觉非常搞笑好玩,其实这都是通过P图软件来制作的,下面我们就来看看常用的最好的P图软件有哪些。操作方法(01)p图软件之Photoshop,该软件简称ps,它是最常用的p图软件,该软件功能十分强大,只要你有想法有创意通过该软件都可以做...
-
家里如何快速地安装电信宽带——亲身经历
家里面要如何快速的安装好电信宽带,让小编告诉你指南。操作方法(01)先要预约,预约后电信承诺是72小时之内上门安装。(02)预约时要确认装宽带的地址是否具有施工条件,例如网络端口,网络速率等。(03)在营业厅交钱后会得到预约单号,稍后会有工作人员联系安装时间。(04)如果等的...
-
怎样免费观看最新高清电影大片和付费热剧
时下,很多电影大片上映期间,很难在网络上找到,往往都是预告片,或者是TS抢先版不清晰的影片;很多电视热剧往往都是付费的,独家的,或者需要购买各种视频网站会员才能观看。那么我们如何不花钱就能一睹为快呢?下面教给大家一些方法,不要太感谢我哦!操作方法(01)网络电视观看时...