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>
-
简单几步打造图片的绘画玻璃效果
怎么制作图片的绘画玻璃效果呢?下面,就让小编给大家介绍一下吧。操作方法01首先,我们需要打开我们电脑的ps软件(鼠标左键双击桌面上的ps快捷方式或者是鼠标右键再选择打开都是可以的)。02打开ps软件之后,打开一张图片。03接着,我们复制背景图层。04添加高斯模糊滤镜效...
-
耳机不响了怎么办?
操作方法(01)鼓膜如果出现故障,通常有四种情况:振膜塌陷、振膜开裂与进铁粉。这四种情况往往会造成耳机有破音、杂音和低音丢失。如果出现上述四种问题,可以按以下方法修复。一、振膜塌陷的修复如果出现振膜塌陷的情况,可用镊子夹住一样带黏性的物质,例如双面胶,...
-
qq手机密保怎么解绑
在更换新手机号后qq上面绑定的之前的手机号就不能用了,那qq手机密保怎么解绑呢?请看下面解析。操作方法(01)登录qq,点击左下角“主菜单”》点击“安全”》点击“安全中心首页”。(02)进入安全中心页面后,点击右侧密保手机“更换”。(03)输入新的手机号码进行原手机密保解...
-
实例讲解Flash中如何制作旋转球体动画
Flash是一款专门用来制作动画的软件工具,在网上就有很多的破解版本,下载破解绿色版本的安装包比较容易安装。Flash的界面简洁,功能齐全。现在,我们用实际例子看看怎么在Flash中制作旋转球体动画吧。操作方法(01)新建文档双击桌面上的fla图标,打开软件。在动画软件菜单...