![](https://img-blog.csdnimg.cn/20201014180756724.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
HTML
shitouPlus
做一个徘徊在牛A与牛C之间的人
展开
-
行内元素特性
行内元素特性原创 2015-06-08 23:50:07 · 542 阅读 · 0 评论 -
7款本地搭建PHP环境工具推荐
通常在开发PHP程序时,需要用到服务器环境来调试自己的页面。有时候仅仅是为了学习PHP程序开发,如果是出于这样的理由去购买一个空间或者服务器是完全没必要的。本文推荐7款目前主流的PHP集成环境工具,可以快速的在电脑上搭建服务器环境,无需再逐个的安装与配置服务器程序。1. XAMPPXAMPP是一款比较强大的本地测试平台,它集成了必须的三个功能,还带有 FileZilla,软转载 2015-10-14 21:39:20 · 892 阅读 · 0 评论 -
边框border的特殊应用
边框是经常用到的属性,但是有时候却很让人抓狂,比如这种情况边框带有阴影,hover之后白色的方块被后面的遮挡一部分,这就比较恼火了,阴影边框本来应该是admin有边框是border-left: 1px solid #0080DD;退出那部分有边框1px solid #0065B0,然后产生一个阴影效果,但是这样做使得hover时边框会被覆盖,需要些很多css样式原创 2015-10-14 09:02:36 · 398 阅读 · 0 评论 -
BFC原理
BFC 已经是一个耳听熟闻的词语了,网上有许多关于 BFC 的文章,介绍了如何触发 BFC 以及 BFC 的一些用处(如清浮动,防止 margin 重叠等)。虽然我知道如何利用 BFC 解决这些问题,但当别人问我 BFC 是什么,我还是不能很有底气地解释清楚。于是这两天仔细阅读了CSS2.1 spec 和许多文章来全面地理解BFC。一、BFC是什么? 在解释 BFC 是什么之前,转载 2015-10-26 12:21:34 · 381 阅读 · 0 评论 -
强大的移动web前端框架zeptojs
移动端web越来越流行,各种移动端框架也应运而生,这里推荐一下比较流行的zeptojs.zeptojs比较适合移动端web的设计,它的初衷就是移动端jQuery框架,所以语法和jQuery非常相似,如果你会jQuery的话,那么学习zeptojs将会很容易,其次由于精简了很多模块,所以体积比较小,所有模块整合在一起之后也只有30+多KB比较适合移动端浏览器,它的触屏和手势事件支持的原创 2015-10-08 18:59:57 · 967 阅读 · 0 评论 -
jQuery EasyUI初体验
看了一下EasyUI的api,功能也很强大,几乎不需要怎么写js代码就能把功能实现,但是界面一般,不是很美观,面板组件也不是很多,但是对于需要处理大量数据的CRUD应用却十分方便,所以没有一种框架是完美的,需要根据需要取舍,前端框架实在太多了,学习之路还要继续。推荐一个学习的地址:jQuery EasyUI中文网在线demo:EasyUI demo原创 2015-10-07 23:36:58 · 388 阅读 · 0 评论 -
grunt修行之路
看了一下grunt的教程真的很强大,功能也很全面,需要的功能都能找到,学习成本也很低,里面的插件真的太方便,用uglify插件压缩js代码真的太实用了,而且轻轻松松配置,又拾得一个新技能,前端还有好多东东要学啊,加油!一个grunt教程,看完之后使用grunt应该就没什么问题了原文链接:【前端福利】用grunt搭建自动化的web前端开发环境-完整教程原创 2015-10-07 23:01:21 · 331 阅读 · 0 评论 -
Bootstrap框架学习
Bootstrap不愧是最流行的前段框架,简单确功能强大,扩展丰富,基本满足了界面开发所需的一切。响应式的布局也很方便,但是不怎么实用,将网格分为12列是不能满足不同的界面开发需要的。同时兼容性也是一个很大的问题,最新版本已经不支持IE8了,这让广大的ie6,7,8用户情何以堪。Bootstrap中文网(很赞的学习途径):http://v3.bootcss.com/原创 2015-10-07 15:29:51 · 312 阅读 · 0 评论 -
<li><img>图片间有空隙的解决方法
在li中纯放图片img,出现的bug是图片之间有3px的间隙,给li加高度也无效,解决图片间有空隙方法如下:直接加样式img{vertical-align:bottom; display:block} 当然在某些情况下无效,比如我要加三个图片,上中下,中间的图片是设为背景,发现用此方法无效,只是上和中的图片空隙没了,而下与中之间还存在,方法很简单,把vertical-ali转载 2015-10-21 11:50:22 · 816 阅读 · 0 评论 -
语义化前段UI框架Semantic UI
Semantci UI是一个高度语义化的前端框架,需要引入semantic.min.css和semantic.min.js,因为此框架也依赖jquery,所以需要引入jquery.min.js,此外框架还有很多主题theme,需要使用的话可以下载需要的主题,引入主题中的图片和字体文件就可以了,界面还是很漂亮的。官网地址http://www.semantic-ui.cn/introd原创 2015-10-05 11:50:56 · 1085 阅读 · 0 评论 -
让ie6,7,8支持HTML5
今天的主题是:HTML5 Shiv下面是引用Google的html5.js文件,好处就不说了:将上代码复制到head部分,记住一定要是head部分(因为IE必须在元素解析前知道这个元素,所以这个js文件不能在其他位置调用,否则失效)当然,你也可以把代码拿出来自己看着办:(function(){if(!/*@cc_on!@*/0)return;var e ="abbr原创 2015-10-18 10:43:40 · 403 阅读 · 0 评论 -
display:inline-block空白间距的去除和兼容问题
网页布局中使用float的问题有很多,比如高度坍塌。那么有没有一种可以替代float的方法呢?我们首先想到的就是display:inline-block inline-block不仅可以替代float而且没有脱离文档流,简化了布局,但仍然有兼容问题,就是水平空白间距网上有很多种解决方案,我个人比较赞同的方案是 :改变html结构,省略关闭标签如果是手写页面的原创 2015-07-18 19:34:39 · 780 阅读 · 0 评论 -
纯css画三角形/梯形(兼容ie6)
代码很简单也很容易理解,及用css盒模型来实现效果实例:宽高为0的话是三角形,否则是梯形 Document .triangle{ width: 0; height: 0; border-style: solid; border-color: red transparent transparent transparent; border-wid原创 2015-07-18 19:40:46 · 1142 阅读 · 0 评论 -
p标签内不能包含块级元素
发现一个不常用的冷知识学html的时候,以为块级元素可以包含任意的块级元素事实并非如此,p标签是不可以包含任何跨级元素的有些块元素不可以包含另一些块元素 ,DTD中规定了块级元素是不能放在P里;P标签内包含块元素时,它会先结束自己,比如:测试p包含div 那么浏览器会解释成:测试p包含div 会多解释出一个p原创 2015-07-16 17:14:36 · 2275 阅读 · 0 评论 -
前端编码规范
前端编码规范 by @mdo原创 2015-07-26 19:31:17 · 436 阅读 · 0 评论 -
图片墙效果
每天写点小demo,每天进步一点点原创 2015-06-14 00:00:57 · 480 阅读 · 0 评论 -
HTML5应用:setCustomValidity(message)接口
html5自带的表单验证给前端开发带来了极大的方便,但有些验证还是要自己写,比如常见的注册界面,需要用户重复输入两次密码,这时候自带的type验证还有pattern验证是不能够实现的。但是可以换一种角度,通过更改第二次输入密码时的pattern来达到验证。我表达的可能不是很清楚,下面通过一个demo看一下具体的实现。原创 2015-07-26 20:56:47 · 1894 阅读 · 1 评论 -
插件推荐Echo.js 简单易用的图片延迟加载插件
Echo.js 是一个独立的延迟加载图片的 JavaScript 插件。Echo.js 不依赖第三方库,压缩后不到1KB大小。 延迟加载是提高网页首屏显示速度的一种很有效的方法,当图片元素进入窗口可视区域的时候,它就会改变图像的 src 属性,从服务端加载所需的图片,这也是一个异步的过程。您可能感兴趣的相关文章那些让人惊叹的的国外创意404错误页面设计让人爱不释手的精美转载 2015-10-15 00:39:45 · 349 阅读 · 0 评论