整合营销服务商
电脑端+手机端+微信端=数据同步管理
免费咨询热线：
电脑端+手机端+微信端=数据同步管理
免费咨询热线：
个视频来做一个可编辑的文字霓虹灯闪烁效果。显示的文字是可以修改的，比方把这些英文删掉，然后改成HELLO WORLD，过程中它是伴随着闪烁，还有一个倒影的效果。
·来看一下代码，html非常简单，就一个h1的标签，然后写了一些基本的样式。先来看一下，现在就这样，但是这些字母还不可以编辑修改。
·要对这个元素进行内容编辑，给它添加一个contenteditable属性，现在这些内容就可以修改了。
·再把外面这一圈线outline给它去掉，再给它添加个倒影。把outline设置为来添加个倒影，倒影用boselifly属性，在下方1个像素，给个渐变颜色，倒影也出来了。
·再设置个字体颜色，文字的闪烁效果用动画来控制，来写个动画，让它五秒钟完成线性的循环播放。
·来写个动画，控制一下字体颜色发生变化，百分之一百的时候字体让它变成白色，再加个文字阴影，有点效果了。阴影多叠加几层，让它有一种发散开来的感觉，逐渐增加模糊的程度，没问题。
·最后就是让文字有闪烁的效果，这个也很简单，给它增加一点中间的过程，来回往这两个状态来切换就可以了。这个大家可以自己来调一个合适的频率，没有问题，里面的内容是可以进行修改的。
这个视频就到这里，感谢大家的收看。
font-size:设置字体大小:
该属性值的单位可以使用相对单位和绝对单位，推荐使用px。(浏览器能够识别的最小像素是12px)
p{
font-size:20px;
}常见尺寸单位：
font-family:设置字体:
如果需要设置多个字体样式，则属性值可以写多个中间用逗号隔开即可，需要知道的是浏览器会从第一个字体属性值找，直到找到自己设备有的字体显示，自己设备没有的字体，按设备默认字体显示,推荐系统默认字体。
p{
font-family:"微软雅黑",Arial;
}font-weight:设置字体粗细:
其属性值有：normal正常不加粗、bold加粗、bolder更粗、lighter更细、number（整百的数字）、inherit继承父级元素字体粗细
p {
font-weight:700;
}font-style:设置字体风格:
如设置斜体、倾斜或正常字体，其属性值：normal默认值，标准字体、italic斜体、oblique倾斜
font:综合设置字体样式（字体样式连写）:
字体样式连写是有顺序的，必须是严格遵循顺序，其中不需要设置的属性可以省略，font-size和font-family属性值必须写，否则字体连写失效。
p{
/*font:font-style font-weight font-size/line-height font-family;*/
font:italic bolder 20px/10px Arial;
}提示：本文图片等素材来源于网络，若有侵权，请发邮件至邮箱：810665436@qq.com联系笔者 删除。
笔者：苦海123
其它问题可通过以下方式联系本人咨询：
QQ：810665436
微信：ConstancyMan
双标签：就是成对出现的，类似于这种 <html> </html>
单标签：就是可以单个使用的，类似于 <br> 换行标签 或 <hr>水平线标签。
标签的属性是用来定义文字或字符的 颜色、宽高、粗细、大小、等，这个是标签属性的作用。
1、每一个标签都有自己的属性，单标签和双标签都有。
2、一个标签可以有多个属性。
3、每个属性都有对应的值，值要用单或双引号引起来。
4、多个属性之间使用空格隔开。
5、属性没有顺序之分。
6、字体属性值，必须是系统可以识别的字体，一般为系统自带字体。
7、HTML5 中 font 属性已经弃用。
源代码：↓
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<!--网页抬头-->
<title>中央气象局</title>
</head>
<body>
<!--水平线的宽度是500像素，这个width就是标签属性-->
<hr width="500">
<!--下面这个是多个标签属性，多个属性之间用空格隔开-->
<font color="red" face="黑体" size="7">标签属性</font>
</body>
</html>
*请认真填写需求信息，我们会在24小时内与您取得联系。
