1，css简介
CSS ：层叠样式表 (Cascading Style Sheets)。
样式作用：如何显示HTML元素。样式存放在样式表中。
1.1，语法
CSS 样式由两个主要的部分构成：选择器，以及一条或多条声明；每条声明由一个属性和一个值组成。
1.2，css创建
插入样式表的方法有三种:
- 外部样式表
- 内部样式表
- 内联样式
1.2.1，外部样式表
当样式需要在多页面使用时，可以优先选择外部样式表。
每个页面使用 <link> 标签链接到样式表。<link> 标签在文档的头部。
<head>
<link rel="stylesheet" type="text/css" href="mystyle.css">
</head>
1.2.2，内部样式表
当单个页面需要特殊的样式时，就应该使用内部样式表。可以使用 <style> 标签，在文档头部定义内部样式表。
<style>
div{
margin: 0;
padding: 0;
}
</style>
1.2.3，内联样式
当样式仅需要在一个元素上应用一次时，可以使用内联样式。
在相关的标签内使用样式（style）属性。
<div style="width: 10px">
欢迎阅读
</div>
2，长度单位
- px：像素，1px相当于屏幕上1个最小的显示单元。
- em：当前元素的父元素的字体大小。
- rem：根元素的字体大小。
- 1vw：浏览器窗口宽度的1%。
- 1vh：浏览器窗口高度的1%。
3，雪碧图（图片精灵）
3.1，简介
将很多张小图整合成一张大图片，然后通过css样式在页面中显示出来某个小图片，这种方法叫雪碧图。
3.2，优点
- 减少页面的请求次数，
- 提高页面的加载速度。
3.3，使用
雪碧图如何设置背景大图的尺寸？
不用看大图的原有尺寸，先看纵向和横向有多少小图，然后分别用个数*元素对应轴的尺寸。
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
