整合营销服务商

电脑端+手机端+微信端=数据同步管理

免费咨询热线:

css怎么引入html

ss怎么引入html

在HTML中引入CSS的方法主要有四种:

1. 内联方式:直接在HTML标签中的style属性中添加CSS,即采用行内样式。例如:<p style="color:red;">这是红色文字</p>。这种方式的优点是可以直接在HTML文件中看到效果,但缺点是不够模块化,不便于复用和维护。

2. 内嵌样式:使用<style>标签在HTML文档头部(<head><head>之间)定义CSS样式。例如:

<head>

<style>

p {

color: red;

}

</style>

</head>

<body>

<p>这是红色文字</p>

</body>

这种方式的优点是可以将CSS样式与HTML内容分离,提高代码可读性,但同样存在复用和维护的问题。

3. 链接式:使用<link>标签引入外部CSS样式表文件。具体操作步骤如下:新建一个HTML文件和一个CSS文件,将新建的CSS文件保存在一个文件夹中,回到HTML文件中,在<title><title>下方添加<link>标签并设置其属性为CSS文件的路径,保存后便实现了引入外部CSS文件。这种方式的优点是可以实现代码的复用和维护,但需要提前准备好CSS文件。

4. 导入式:使用@import命令导入外部CSS样式表。例如:<style type="text/css"> @import"mystyle.css"; </style>。需要注意的是,这里的路径需要是正确的。这种方式可以在同一个HTML文件中引入多个CSS文件,但浏览器对@import的支持程度不同,可能会出现兼容性问题。

网站中,字体扮演了其中重要的一个角色,选用什么样的字体也是一个相对比较重要的工作。不同的电脑,所安装的字体不尽相同。那我们在做网站中该如何选择字体呢?

图片来源于网络

系统自带的字体包括:

中文字体:微软雅黑、宋体、黑体;
英文字体:Arial、Helvetica

使用这些字体自带的字体可以高度的还原设计稿上的文字效果。

我们在网站制作过程中,因页面设计所需,常常会碰到一些特殊的字体,虽然引用了,却无法在网页中显示和设计稿一样的字体。这是由于用户的电脑并没有安装这些特殊字体。

这种情况下,我们可以通过以下方法让其正常显示。

切成图片的方式

优点:简单、快捷、方便
缺点:不易更改(需要会ps)、放大缩小会失真、不利用优化
适用于不常更新的区域,如首页的标题、固定的栏目标题等。
如下图“联系”两字

图片来源于网络

外部字体引用的方式

优点:方便后期用户操作,直接更改文字即可、利于优化
缺点:中文字体较大,会影响加载速度。
如下图数字

图片来源于网络

使用方法:

1)下载所需的字体样式,格式有所区别,常用.TTF、.woff、.OTF等格式

可通过在线字体转换,将字体格式转化为我们需要的格式。

字体格式转换一:

https://www.fontsquirrel.com/tools/webfont-generator


字体格式转换二:

https://www.fontke.com/tool/convfont/

2)css中引用字体格式:

@font-face { 
  font-family: '字体名称'; 
  src: url('../fonts/字体名称.eot'); 
  src: url('../fonts/字体名称.eot?#iefix') format('embedded-opentype'), 
  url('../fonts/字体名称.woff2') format('woff2'), url('../fonts/字体名称.woff') format('woff'), 
  url('../fonts/字体名称.svg#字体名称') format('svg'); font-weight: normal; font-style: normal; 
}

3)引用:


.num {
        font-family: 字体名称;
}

由于中文字体体积较大,预览下载需要一定的时间,打开会比较慢,英文字体体积本身比较小,不存在这样的问题。

闽南网]

快影作为快手专属的视频编辑软件,可以为视频添加简单的倒放、变速、转场效果,操作又十分便捷的,非常适合视频分享达人,而字幕作为必不可少的元素之一,自然是需要多加考量的。

字幕制作:

其实为视频添加字幕的方法并不复杂,用户在打开快影的软件之后,首先需要选择底端的“+”按钮导入手机本地的视频素材文件。

在进入视频编辑界面之后,我们接着点击底部的“T”按钮,这样就能够添加字幕进行编辑了。

添加字幕的方式分为两种:一种是语音识别自动添加,另一种则需要手动编辑,下面就来看看具体操作吧。

自动添加:

可以将含有旁白声音的素材导入快影,选择字幕,可以看到有一个自动识别的菜单。尽量使用普通话,辨识度较高。

可以看到上方提示我们正在识别语音,而且可以看到识别进度。

识别完成之后,我们点击右上角的完成按钮。

手动添加:

如果您对于语音识别效果不满意的,可以手动进行编辑

滑动视频进度条,输入相应的字幕之后,我们还可以随意调整字幕的字体格式、大小、颜色状态,让字幕和视频内容更好的贴合在一起!不过目前字体尺寸只有小号中号大号三种。

最后找到保存完成的视频,点击播放,在视频的下方可以看到我们添加的文字。这些文字可以是根据我们视频中的语音转换而成的文字,也可以是自己加工过的。

以上就是小编为大家带来的快影视频添加字幕教程,有需要的小伙伴可以了解下。