分类目录归档：HTML

2014
11-05

浅谈CSS Sprites技术及其优化

CSS Sprites 技术对于广大的前端工程师来说应该是一点也不陌生。这个被国内开发者昵称为“CSS精灵”、“CSS雪碧”的家伙到底解决了什么问题，我们又怎样合理使用这个技术呢？下面来详细聊聊。 在大家还在拨号上网的“远古时期”，由于网速的限制，页面开发者都喜欢把网页里面的图片字节数控制的非.... Read More >

2014
10-17

[转载]CSS3 选择器——伪类选择器

前面花了两节内容分别在《CSS3选择器——基本选择器》和《CSS3选择器——属性选择器》介绍了CSS3选择器中的基本选择器和属性选择器使用方法，今天要和大家一起学习CSS3选择器中 的第三部分，也是最后一部分——伪类选择器。伪类选择器对于大家来说最熟悉的莫过于:link,:focus,:hover之.... Read More >

2014
09-29

网页HTML切图时图片格式PNG,JPG,GIF的选择

图片格式GIF 优点：GIF最突出的地方就是他支持动画,同时GIF也是一种无损的图片格式,也就是说你在修改图片之后,图片质量并没有损失.再者GIF支持半透明(全透明或是全不透明). 根据Google的说法,GIF适用于很小或是较简单的图片(10×10以下或是3种颜色以下的图片). 缺点 不支持透明，如果图片颜色很多种，特别是有红色的时候，尽量少用gif 不然会失真  .... Read More >

2014
09-29

前端开发：浅谈图片优化的方法

在网站优化中，如果图片优化得好，不但可以提高页面的加载速度，提升网站的用户体验，而且还可以通过图片优化来节省网站的带宽。那么作为页面构建工 程师应该采用什么方法来优化图片，既能保证UI的还原度，又使图片最精简呢?下面我就个人经验，来简单介绍一下图片优化的方法，首先我们了解一些图片方面 的知识： .... Read More >

2014
09-23

四种CSS设置html table表格边框样式

第1种对表格设置边框 效果 对应CSS代码： .table-a table{border:1px solid #F00} 对应html源代码： <div> <table width="400" border="0" cellspacing="0" cellpadding="0"> <tr> <td width="105">.... Read More >

2014
08-14

[转]图片优化的那些工具，你了解吗

图片作为页面的一个主要因素，它的大小直接影响了页面的加载速度，这一点在移动端尤显突出。 怎么让图片的大小更小？除了选择合适的格式（jpeg、gif、png），我们还可以利用网上的应用（如smushit、tinypng、 imagemin、imageOptim）对图片进行压缩。在这里我想.... Read More >

2014
08-14

[转]前端设计师网页字体设置，你了解吗？

以前做项目的时候就依葫芦画瓢的设置 { font-family:arial,”microsoft yahei”,simsun,sans-self; } 等类似的字体，然而当更多的设备和系统出现后，以前这样的设置已不能满足网页在各设备上的显示需求。 就拿最简单的宋体(simsun)来说吧.... Read More >

2014
08-12

深入理解CSS盒子模型

把盒子模型内边距，外边距，如何定位等概念有条不紊的介绍一遍。这篇文章更多的是教你在实战 过程中如何自如的控制盒子的宽度，如何用最恰当的方法定位盒子，如何解决IE中盒子的种种bug。 继续阅读 →

Read More >

2014
08-12

浅谈DIV+CSS两种盒子模型

利用CSS来布局页面布局DIV有点逻辑性!
重点理解盒子模型,标准流和非标准流的区别,还有定位原理!把这3个攻破了,就非常简单了!多实践多参考!
最后就是兼容问题了,在实践中自然就有经验了!这些兼容技巧都是经验来的! 继续阅读 →

Read More >