什么是雪碧图 雪碧图就是CSS Sprite，也有人叫它CSS精灵，是一种CSS图像合并技术，就是把多张小图标合并到一张图片上，然后用css的background-position来显示需要显示的部分。 为什么要用雪碧图 可以 减少加载网页图片时对服务器的请求次数，提高页面的加载速度，解决I...

2018-06-24 01:23:31 css代码

六、垂直居中-父元素高度确定的单行文本 1 ! DOCTYPE HTML 2 html 3 head 4 meta charset ="utf-8" 5 title 垂直居中 / title 6 style 7 8 .wrap h2 { 9 margin : 0 ; 10 height : 100px ; 11 12 background : #ccc ; 13 } 14 / style 15 / head 16 17 body 18 19 !--...

2018-06-24 01:23:01 css代码

实现效果 如图所示： 首先得准备三张图，一张是浅黄色的背景图loading_bg.png，一张是深红色的图loading.png，最后一张为bolang.png。 css代码 body { background : #ffe894 ;} .loading_bg { width : 113px ; height : 111px ; background : url(loading_bg.png) no-r...

2018-06-24 01:22:15 css代码

;( function (){ /* * 验证框架 checkFun* 使用方法: * input class="required" type="text" data-valid="isNonEmpty||isEmail" data-error="email不能为空||邮箱格式不正确" id="" / * 1、需要验证的元素都加上【required】样式，当然这个required可以当参数传递，也...

2018-06-24 01:22:12 css代码

jquery的绿色拖动验证功能 在网上看到了一个这样的问题：那种像拖动滑块匹配图形的验证方式是怎么实现的？。 突然想到实现一个简单绿色拖动验证码的功能，在网上搜了下，有一个用jquery实现的该功能代码。 体验地址：http://yanshi.sucaihuo.com/jquery/8/897/demo/。...

2018-06-24 01:22:04 css代码

一、水平居中设置-行内元素 1 ! DOCTYPE HTML 2 html 3 head 4 meta charset ="utf-8" 5 title 定宽块状元素水平居中 / title 6 style 7 div { 8 border : 1px solid red ; 9 margin : 20px ; 10 } 11 .txtCenter { 12 text-align : center ; 13 } 14 15 / style 16 /...

2018-06-24 01:21:52 css代码

前面有一篇文章讲过《css实现两列布局，一列固定宽度，一列宽度自适应方法》，主要是讲实现一列固定宽度，一列宽度自适应的几种方法。 下面我在总结一下一般的三种扩展布局，这儿所示的扩展布局很常规，有的童鞋会说使用column或者flex啥的布局不是很方便吗，但是你也...

2018-06-24 01:19:41 css代码

1.q标签，短文本引用 q引用文本/q q标签的真正关键点不是它的默认样式双引号（如果这样我们不如自己在键盘上输入双引号就行了），而是它的语义：引用别人的话。 2.使用span标签为文字设置单独样式 span标签是没有语义的，它的作用就是为了设置单独的样式用的。 语法：s...

2018-06-24 01:19:38 css代码

六、盒模型--边框（一） 1 ! DOCTYPE HTML 2 html 3 head 4 meta http-equiv ="Content-Type" content ="text/html; charset=utf-8" 5 title 边框 / title 6 style type ="text/css" 7 8 / style 9 / head 10 body 11 h1 勇气 / h1 12 p 三年级时，我还是一个胆小如鼠...

2018-06-24 01:19:23 css代码css 样式

英文原文：http://net.tutsplus.com/tutorials/html-css-techniques/sass-vs-less-vs-stylus-a-preprocessor-shootout 原文链接：http://www.w3cplus.com/css/sass-vs-less-vs-stylus-a-preprocessor-shootout.html 介绍 CSS预处理器是一种语言，用来编写一些CSS的特性...

2018-06-24 01:19:07 css文件css代码