m0_53911539的博客

图片预加载，如果为幻灯片、相册等，将当前展示图片的前一张和后一张优先下载使用CSSsprite，SVGsprite，Iconfont、Base64等技术，如果图片为css图片的话如果图片过大，可以使用特殊编码的图片，加载时会先加载一张压缩的特别厉害的缩略图，以提高用户体验...

原理：CSS Sprites其实就是把网页中一些背景图片整合到一张图片文件中，再利用CSS的“background-image”，“background- repeat”，“background-position”的组合进行背景定位，background-position可以用数字精确的定位出背景图片的位置。优点：减少网页的http请求减少图片的字节解决了网页设计师在图片命名上的困扰，只需对一张集合的图片上命名就可以了，不需要对每一个小元素进行命名更换风格方便，只需要在一张或少张图片上修改图片的

visibility: hidden；这个属性只是简单的隐藏某个元素，但是元素占用的空间任然存在opacity: 0；一个CSS3属性，设置0可以使一个元素完全透明，制作出和visibility一样的效果。与visibility相比，它可以被transition和animateposition: absolute；使元素脱离文档流，处于普通文档之上，给它设置一个很大的left负值定位，使元素定位在可见区域之外display: none；元素会变得不可见，并且不会再占用文档的空间transform:

注解：浮动会漂浮于普通流之上，像浮云一样，但是只能左右浮动。正是这种特性，导致框内部由于不存在其他普通流元素了，表现出高度为0（高度塌陷）添加额外标签，例如<div style="clear:both"></div>使用br标签和其自身的html属性，例如<br clear="all" />父元素设置 overflow：hidden；在IE6中还需要触发hasLayout例如zoom：1父元素设置 overflow：auto 属性；同样IE6需要触发has

外部样式表：通过标签引入一个外部css文件内部样式表：将css代码放在内联样式：将css样式直接定义在 HTML 元素内部

带单位：px不用计算，em则会使元素以其父元素font-size值为参考来计算自己的行高纯数字：把比例传递给后代，例如父级行高为1.5，子元素字体为18px，则子元素行高为1.5*18=27px百分比：将计算后的值传递给后代...

1.贴图：2.加入连接：写上你想写的字3.在新窗口打开连接：写上要写的字消除连接的下划线在新窗口打开连接：写上你想写的字4.移动字体(走马灯)：写上你想写的字5.字体加粗：写上你想写的字6.字体斜体：写上你想写的字7.字体下划线: 写上你想写的字8.字体删除线: 写上你想写的字9.字体加大: 写上你想写的字10.字体控制大小：写上你想写的字 (其中字体大小可从h1-h5,h1最大，h5最小)11.更改字体颜色：写上你想写的字(其中value值在000000与ffffff(16位进制)

link属于HTML标签，而@import是CSS提供的，且只能加载 CSS页面被加载时，link会同时被加载，而@import引用的CSS会等到页面被加载完再加载import只在IE5以上才能识别，而link是HTML标签，无兼容问题link方式的样式的权重 高于@import的权重当使用 Javascript 控制 DOM 去改变样式的时候，只能使用 link 方式，因为 @import 眼里只有 CSS ，不是 DOM 可以控制合理的标签使用...

元素选择器：* 、E、 E#id、 E.class关系选择器：E、F、E>F、E+F、E~F属性选择器：E[att]、E[att=“val”]、E[att~=“val”]、E[att^=“val”]、E[att$=“val”]、E[att*=“val”]、E[att|=“val”]伪类选择器：E:link、E:visited、E:hover、E:active、E:focus、E:lang(fr)、E:not(s)、E:root、E:first-child、E:last-child等伪对象选择器

CSS样式表继承指的是，特定的CSS属性向下传递到子孙元素，会被继承下去的属性：文本相关：font-family，font-size， font-style，font-variant，font-weight， font，letter-spacing，line-height，color列表相关:list-style-image，list-style-position，list-style-type， list-style...

固定布局流式布局弹性布局浮动布局定位布局margin和padding

实现：1.定义html标签： <h1> <span>薛</span> <span>之</span> <span>谦</span> </h1>2.文字的基本样式，大小颜色等： h1{ font-family: 'fangsong'; font-size: 6em; color: