码迷,mamicode.com
首页 > Web开发 > 详细

引入CSS

时间:2016-09-11 18:40:44      阅读:197      评论:0      收藏:0      [点我收藏+]

标签:

一、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即可

引入CSS

标签:

原文地址:http://www.cnblogs.com/liam-lee0787/p/5862181.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!