[解析]html与xhtml的区别
Coder.Bing 发布于 2016-07-04
HTML与XHTML是一种语言还是两种语言基本上可以认为它们是一种语言的不同阶段有点类似于文言文和白话文之间的关系。因此它们也经常被写作(X)HTML。下面首先从它们的渊源和区别开始本教程的讲解 一、追根溯源 (X)HTML是所有上网的人每天都离不开的基础所有网页都是使用(X)...
Jquery 第4页
【web前端工具Emmet教程】Emmet实战解析
1Coder.Bing 发布于 2016-07-04
上篇我们讲过“【web前端工具Emmet教程】介绍与基础语法”，接下来说下Emmet指令原理以及实战说明。 先前提到我们只要输入指令“！”就可以默认生成一个 HTML5 的标准文档初始结构，代码如下： <!doctype html> <html lang=&qu...
【分享】现在流行的图片压缩实用工具
9Coder.Bing 发布于 2016-07-04
作为网页的基本元素，图片是影响页面加载速度的关键因素之一。我记得以前做页面重构的时候，在图片大小处理方面不够仔细，每次从PS中导出banner或者其他大图的时候都统一用JPG格式，后来发现有些用PNG会效果更好。后来发现：如果是图片渐变多、矢量元素多，颜色复杂的图等，用JPG会比...
关于float、inline-block以及table的一些看法
3Coder.Bing 发布于 2016-07-04
早在几年之前，提到框架以及元素的布局，我们第一就会想到用float浮动来处理，随着浏览器的发展，后面慢慢用到display:inline-block，再后来随着XP系统之“穷途末路”，display:table也开始流行起来。互联网在进步，我们也要不断提高自己的技能，避免被淘汰。...
如何掌握谷歌的Chrome developer tool调试技巧
8Coder.Bing 发布于 2016-07-04
谷歌的debug一直是个英文的，其实这个对于一些前端开发者来说比较麻烦，其实用多了就习惯了的。比起Firefox的firebug来说还是有些差距的，但是谷歌占用内存远比FF小。所以掌握好谷歌的debug还是必须的。如果您想更深入的研究下，可以看下先前分享过一篇的文章“前端开发者调...
浅谈在不同浏览器下的透明问题
Coder.Bing 发布于 2016-07-04
浏览器下透明的那些事，经常会遇到，先前有同事问我，一直没来总结下，今天总算有点时间归纳下。针对不同的浏览器，使用css实现透明效果，可以使用不同的设置，大伙往下看呗!。 IE使用私有属性filter:alpha(opacity)， Moz Family使用私有属性-moz-opa...
行内(内联)元素和块级元素的区别
Coder.Bing 发布于 2016-07-04
页面中元素一般分为两种：块级元素，行内元素（内联元素），即然分为两种元素，那么他们之间必然有区别： 1.块级元素总是独自占一行，前面和后面就好像有个换行符，内联元素总是和其它的内联兄弟占一行 2.块级元素可以设置宽和高度值，内联元素就不行了，他们的宽和高总是随着自身的内容自动扩大...
CSS盒状模型的定义
Coder.Bing 发布于 2016-07-04
盒状模型是CSS中重要的概念。虽然CSS中没有盒状模型这个属性，但它却是CSS中无处不在的，盒装模型是由margin、border、padding和content几个属性组合形 盒状模型中最重要的是内容，它是必备的，其他的几项都是可选的。 如上图，盒状模型有内至外的顺序是： co...
网页上如何屏蔽鼠标右键菜单
Coder.Bing 发布于 2016-07-04
最近帮朋友修改他们的培训网站，需要屏蔽鼠标右键，还需要兼容IE,FF等浏览器，找了些方法，都只能支持IE的，但是火狐浏览器和谷歌都不行，今天请教了下高手，茅塞顿开啊，分享下代码吧： <script type="text/javascript"> d...
【总结】jQuery赋值、取值方法大全
Coder.Bing 发布于 2016-07-04
最近比较忙，没时间写文章，，刚忙完几个项目，总算可以静下心来总结了一些关于“jQuery赋值、取值”的方法，贴出来分享下： jQuery给span取值：$("#id").html(); jQuery给input取值：$("#id").val...