首页 > 代码库 > 引入CSS

引入CSS

2024-08-13 00:06:26   217人阅读

一、HTML
1、HTML5视频标签 <video>
插入的视频只能是Ogg、MPEG4、WebM三种格式。<video>的属性有autoplay自动播放、loop循环播放、controls控件、height高、scr地址。
<video src="http://www.mamicode.com/images/冰河世纪.mp4" controls></video>
2、HTML5音频标签 <audio>
插入的视频只能是Ogg、MP3、Wav三种格式。<audio>的属性同video。
<audio src="http://www.mamicode.com/images/song.mp3"controls></audio>
二、引入CSS样式规则
1、定义：层叠样式表，是一种格式化网页内容的技术。

2、CSS样式优点:

  • 提高页面浏览速度
  • 缩短改版时间，降低维护费用
  • 更好的控制页面布局
  • 实现表现和结构、内容相分离
  • 更方便搜索引擎的所搜

3、块级元素和行内元素的区别
块级元素：独占一行；可以设置width，height；内容大小不影响边框的大小；块级元素可以嵌套行内元素和块级元素；调整margin会对块级元素的上下左右都产生作用
行内元素：不能独占一行；不可设置width，height；内容的大小影响边框的大小；调整margin只会对行级元素的左右都产生作用
4、引入CSS样式规则

一个样式规则由一个选择器后跟一个声明快组成

技术分享

样式表可以分为内联样式表、外部链接方式、内部样式、import链接方式

内联样式表
大多数的HTML标记都包含一个style属性，允许指定在标记显示时的样式。
语法格式：<div style=”boder:1px solid red;color:red;”>
内部样式
内部样式表使用<style>元素将样式包含在网页内部的样式设置
语法格式：< style type=”text/css”>
div{color:red;
font-size:25px;
}
</sytle>
在<body></body>之间插入div即可
外部链接方式
将样式表定义放在一个单独的文件中，并且在需要该样式的文档中引用
语法格式：在css样式文档中设计 div{color：red;
font-size:30px ;
}
然后将css样式文档连接到HTML文档中，需要在<head></head>HTML中插入link
语法格式：<link rel=”stylesheet href=http://www.mamicode.com/”css样式文档的路径”>
最后在<body></body>之间插入div即可
import链接方式
语法格式：在< style type=”text/css”></style>之间插入@import url(css样式文档的路径),
在css样式文档中设计 div{color：red;
font-size:30px ;
}
最后在<body></body>之间插入div即可

引入CSS


联系
我们