CSS简介

3.背景属性

3.1 background-color
取值：transparent 透明
3.2 background-image
·必须使用url()方式指定图片的路径
·如果是在css样式文件中使用相对路径，此时是相对于css文件，不是相对html文件
3.3 background-position
默认背景显示在左上角
取值：
·关键字：top、bottom、left、right、cente
·坐标：左上角为（0.0）坐标，向右为x正方向，向下为y正方向
CSS雪碧图，即CSS Sprites,也称为CSS精灵,一种CSS图像合并技术
含 义：将网页中许多非常小的图标/图片整合到一张大图中，当访问面面时只需要下载一次，可以减少访问服务器的次数，提高性能
原理：使用background-position进行背景定位，使用坐标精确地定位出背景图片的位置
3.5 background-attachment
取值：scroll(默认)、fixed固定不动
3.6 background
简写属性：background:background-color|background-image|background-repeat|background-position
以空格隔开，书写顺序没有要求
4.列表属性
4.1 list-style-type
取值：none、disc、circle、square、decimal
此时不再区分有序列表还是无序列表，只要设置列表前的标记就可以了
4.2 list-style
简写属性：list-style:list-style-type|list-style-image|list-style-position书写顺序没有要求
5. 表格属性
border-collapse:表格中相邻的边框是否合并（折叠）为单一边框
取值：separated（默认） collapse

6.使用LliveReload
1.使用LliveReload
将livereload.rar文件解压–>在chrome浏览器的右上角找“…”–>更多工具–>扩展程序–>提示：需要打开开发者模式–>加载已解压的扩展程序–>注意后项的操作 勾选"允许访问所有网站留存数据"
将livereload.rar文件解压–>在chrome浏览器的右上角找“…”–>更多工具–>扩展程序–>提示：需要打开开发者模式–>加载已解压的扩展程序–>注意后项的操作 勾选"允许访问所有网站留存数据"
将< LiveRelad-sublime.rar> 解压放到sublime的插件目录中（packages）中
3. 配置sublime中的LiveRelad插入
preference–>packages settings–>LiveReload–>settings - default
4.在浏览器中启用LiveReload
先打开要访问的页面，然后点击浏览器地址栏右边的黑色圆圈，当中心的小圆圈变成实心时表示已启用
5.在sublime中启用LiveReload
按ctrl+Shift+P–>搜索livereload,选择enable–>搜索simple reload:选择enable