- 博客(54)
- 资源 (1)
- 收藏
- 关注
RSS订阅原创 搞懂em
shift，一下午就是在为了搞懂em，难怪会觉得学习效率这么低，不过现在倒是觉得值了，因为有所得。。。。。 以前一直喜欢用px，觉得比较精确，最大的优点在于不用拿着计算器在那算呀算，所以国内的90%以上的网页设计师都喜欢用px，而国外的大多数都是用em。但是ie无法调整那些使用px为单位的字体，而目前使用ie的还是多之又多，况且目前流行的弹式布局用的就是em。所以我们不得不好好的搞懂这个e
2014-03-08 16:14:33
1045
转载 CSS雪碧:要还是不要？
声明，本文中所称CSS雪碧即为CSS Sprites，这个词组一直没有一个固定或者约定俗成的中文翻译，一些人开始称之为CSS雪碧，我们且当作一次尝试吧，如果大家觉得不妥，今后还会继续直称CSS Sprites。——神飞CSS雪碧已经出现一段时间了，并上升为一种可以让你的网站速度变快的方式。Steve Souders刚刚在Velocity ’09上展示了SpriteMe! (讨论——为什
2014-03-08 10:52:49
5163
转载 CSS Sprites的一些技巧
众所周知，减少网站加载时间的最有效的方式之一就是减少网站的HTTP请求数。实现这一目标的一个有效的方法就是通过CSS Sprites——将多个图片整合到一个图片中，然后再用CSS来定位。下面是一张样图：本文的目的并不是讲CSS Sprite如何让一个网站更快，而是说一些使用CSS Sprite的时候的一些最佳实践。不要等到你完成切片之后才开始sprite.
2014-03-08 10:50:56
860
原创 图像替换技术
HTML文本有个最大的优点是，可以被搜索引擎搜索，所以最好尽量用html文本而不是文本图像。但是非常遗憾的是文本字体的选择有限，对于那些审美比较高的文本，我们还是毫不犹豫的选择了文本图像。但是我们又不愿意直接的将图像通过img属性直接的嵌入页面中，因此css开发者发明了图像替换技术，我们可以像平常一样将文本添加到文档中。但是我们应该本着能用文本最好用文本的原则，因为一些比较有名的图像替换方法对于屏
2014-03-07 09:48:14
1691
原创 inline-block和run-in的区别
display的两个属性值inline-block和run-in，这两者之间的区别。首先是inline-block，它是行内块元素，与它前一个元素的显示角色有关。如果它之前的的元素是块级元素的话，那它也将表现为块级元素；如果它之前的元素表现得是行内元素，则它也表示为行内元素。说白了就是，设置为inline-block的元素的显示效果和它前一个元素的表现一致,，与后一个元素的表现形式无关。h
2013-11-13 10:01:04
1385
原创 css权威指南学习之结构和层叠
P76： 完全是意料之外的收获，对于继承和通配选择器的值，今天才是真正的见识到了。继承的值是没有特殊性，甚至连0特殊性都没有。而通配选择器的特殊性的值是0，0特殊性比无特殊性要强。这个是h1的样式这个运用了*的样式这个什么〈h1〉这个也是用了*的样式css样式*{color:yellow}h1#page-h1{color:red;}效果显示：
2013-10-26 15:35:16
979
原创 《css权威指南》学习之选择器
最近在看《css权威指南》，向一边学习一边记下，以便以后查询。P44：a：一些较老的浏览器不区分类名和ID名的大小写，不过现在当前的所有浏览器都要求区分大小写。b： IE5?Mac和IE6/win之前的都不支持属性选择器，不过IE7及以后的都已经全面支持所有css2.1属性选择器，还支持一些css3属性选择器。P62：windows平台下的IE6及之前的只允许动态伪类选择超
2013-10-23 21:28:55
1002
转载 响应式排版中的基础知识
原文出处： ia.net 译文出处： Arrietty当我们建立网站的时候，我们一般从定义正文开始。正文的定义显示了你的主栏有多宽，其它几栏的大小就随它自己内容定义了。直到最近，各种屏幕分辨率或多或少是同质化的。如今，我们要处理各种屏幕尺寸和分辨率。这让处理变得更复杂。在重整旗鼓的热情中，我写了一篇关于响应式排版的博客，这篇文章主要专注于我们最近的实验：响应式字体。如果不知
2013-10-23 19:27:55
977
转载 Web前端：11个让你代码整洁的原则
来源：W3CPLUS写Web页面就像我们建设房子一样，地基牢固，房子才不会倒。同样的，我们制作Web页面也一样，一个良好的HTML结构是制作一个美丽的网站的开始，同样的，良好的CSS只存在同样良好的HTML中，所以一个干净的，语义的HTML的优点很多，那么平时制作中，我们做到了这一点吗？我们一起来看一张图片：上图展示了两段代码，我想大家都只会喜欢第一种，我们先不说其语义
2013-10-21 19:00:24
1015
转载 最全的CSS浏览器兼容问题整理(IE6.0、IE7.0 与 FireFox)
CSS 对浏览器的兼容性有时让人很头疼,或许当你了解当中的技巧跟原理,就会觉得也不是难事,从网上收集了IE7,6与Fireofx的兼容性处理方法并整理了 一下.对于web2.0的过度,请尽量用xhtml格式写代码,而且DOCTYPE 影响 CSS 处理,作为W3C的标准,一定要加DOCTYPE声 名. 常见问题 1.div的垂直居中问题vertical-
2013-10-19 09:22:32
1238
原创 那些被忽略的可怜的标签
就在前几天，工作室偶尔的一次培训，我才结识了label标签，才知道有这个可怜的标签的存在。可是那次的培训我没有认真的去研究，而戏剧性的是，下午去百度前端霸笔的时候，第一道题竟然是问label标签的属性和属性的值，我晕，好吧，我承认我错了，没有认真的去研究过这个别忽略已久的标签。现在就好好的研究一下它。 首先第一反应是在w3school上查找，它是这样子解释的
2013-10-18 19:04:29
1023
原创 关于文本的那点事
说起文本，网页上通俗的来说，就是文本的样式和间距的样式，首先讲一下有关文本的样式。 font-variant,这个属性唯一的作用是讲文字用略小的大写字母表示。原先为大写字母将任保持原样，而原先小的字母将有稍小的大写字母来显示。这个属性有两个合法值，分别为normal和small-caps。但是多数字体是没有small-caps变体的，因而浏览器会把大写字母缩小。因为浏览器有这个特性，
2013-10-06 00:14:33
997
原创 关于盒子的背景色
body是一个特殊的盒子，其背景色会延伸到margin那部分；而其他盒子，异于浏览器的不同而表现得不同。对于IE而言，其背景色包括padding+content;而其他的浏览器的背景色包括padding+content+border.另外，顺便讲一下background这个属性：如果background设定了no-repeat这个值，那就必须给它高度height,否则背景图片会显示的不正常。还有设
2013-10-03 16:05:27
2923
1
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人