Augenstern_QXL的博客

✍、拖了好久的移动端web开发，今天补上了

✍目录总览1、精灵图Sprites为了有效地减少服务器接收和发送请求的次数，提高页面的加载速度，出现了CSS精灵技术核心原理：将网页中的一些小背景图像整合到一张大图中，这样服务器只需要一次请求就可以了1.1、精灵图的使用????使用精灵图的核心：精灵技术主要针对于背景图片的使用，就是把多个小背景图片整合到一张大图片中这个大图片也称为 sprites 精灵图 或者 雪碧图移动背景图片的位置，此时可以使用 background-position移动的距离就是这个目标

1.新增选择器属性选择器结构伪类选择器伪元素选择器1.1属性选择器属性选择器可以根据元素特定的属性来选择元素这样就可以不用借助于类或者id选择器选择符简介E[att]选择具有att属性的E元素E[att=“val”]选择具有att属性且属性值等于val的E元素E[att^=“val”]匹配具有att属性且值以val开头的E元素E[att$=“val”]匹配具有att属性且值以val结尾的E元素E[att*=“val”]匹配具有att

0.snipaste工具0号开头旨在介绍工具与注意事项，可直接跳过进行1号看起– 介绍一个前端人员截图工具常用快捷方式：F1可以截图，同时测量大小，设置箭头，书写文字等F3在桌面置顶显示点击图片，alt可以取色（按下shift可以切换取色模式）按下ese取消图片显示0.0PS插件切图– -- 介绍一个前端人员切图工具cutterman -------最好用的切图工具官网：http://www.cutterman.cn/zh/cutterman0.1单行文字垂直

1.标签基础选择器1.1标签选择器为页面中某一类标签指定统一的CSS样式标签名 { 属性1: 属性值1; ...}ul { }1.2类选择器单独选择一个或者几个标签.类名 { 属性1: 属性值1; .....}.red { color: red;}结构需要用class属性来调用<div class='red'> 变红色 </div>1.3多类名我们可以给一个标签指定多个类