引入CSS

一、HTML
1、HTML5视频标签 <video>
插入的视频只能是Ogg、MPEG4、WebM三种格式。<video>的属性有autoplay自动播放、loop循环播放、controls控件、height高、scr地址。
<video src="../images/冰河世纪.mp4" controls></video>
2、HTML5音频标签 <audio>
插入的视频只能是Ogg、MP3、Wav三种格式。<audio>的属性同video。
<audio src="../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=”css样式文档的路径”>
最后在<body></body>之间插入div即可
import链接方式
语法格式:在< style type=”text/css”></style>之间插入@import url(css样式文档的路径),
在css样式文档中设计 div{color:red;
font-size:30px ;
}
最后在<body></body>之间插入div即可

转载于:https://www.cnblogs.com/liam-lee0787/p/5862181.html

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值