-
分类：前端开发2013-04-03阅读：(1226)标签：css
- border-collapse 属性设置表格的边框是否被合并为一个单一的边框，还是象在标准的 HTML 中那样分开显示。默认值： separate继承性： yes版本： CSS2JavaScript 语法： object.style.borderCollapse=”collapse”
-
分类：前端开发2013-03-18阅读：(1385)标签：css
- <p>页面中有两个不同的层，都给了z-index，一个给得很高，一个为1，可在IE7（坚决抛弃IE6用户！）下，第一个z-index值高反而被后面z-index值低的覆盖住了。这个Bug，其实是IE7渲染DOM的问题，当一个父容器被定位(如position:relative)的时候,子元素的z-index属性会被重置。</p><p>父级元素加上positi...
-
分类：前端开发2012-12-08阅读：(1418)标签：css
- <p>以前在处理半透明背景，文字不透明的效果时，通常是写两个层，一个半透明的背景层，一个文字层，将文字层置于背景层上面。今天偶然看到一同行微博转发了个关于这种效果的处理办法，但内容不祥，太局限。只好自己再琢磨。</p><p>网上看到的有个方法可行，但有浏览器有差异。因此自己又改了下，添加了hack，并测试通过。</p>.box{width:50...
-
分类：前端开发2012-11-27阅读：(1310)标签：html
- <p>在进行WEB标准网页的学习和应用过程中，网页对浏览器的兼容性是经常接触到的一个问题。其中因微软公司的Internet Explorer(简称IE)占据浏览器市场的大半江山，此外还有Firefox、Opera等。需要对这些浏览器进行兼容。</p><p>同时，单就IE而言，因IE版本的升级更替，目前浏览者使用的主要停留在 IE5(IE5.5)、ie6和I...
-
分类：前端开发2012-11-15阅读：(1130)标签：web
- <p>排版在网页设计中经常被忽略。其实这是很傻逼的，因为注重网页排版确实可以提高你的网页设计水平和可读性。下面，我列出了10个非常有用的排版技巧让你的网站看起来更好。</p><p>1、纠正行高</p><p>最常见的网页布局错误之一是定义了不正确的行高。行高是定义一行文本的高度，所以我们必须按照文本字体大小来设定行高。</p&g...
-
分类：前端开发2012-11-15阅读：(1227)标签：web
- <p>第一步：确定需要兼容的设备类型、屏幕尺寸通过用户研究，了解用户使用的设备分布情况，确定需要兼容的设备类型、屏幕尺寸。设备类型：包括移动设备（手机、平板）和pc。对于移动设备，设计和实现的时候注意增加手势的功能。屏幕尺寸：包括各种手机屏幕的尺寸（包括横向和竖向）、各种平板的尺寸（包括横向和竖向）、普通电脑屏幕和宽屏。需要考虑的问题：</p><p>某个页...
-
分类：前端开发2012-11-15阅读：(1195)标签：web
- 什么是响应式设计？我们先看几个问题，是我们平时设计中遇到的：1.想要网站兼容手机、平板电脑、pc，就得为不同的设备定制不同的版本。2.想要网站的某些页面在宽屏显示器下一行显示更多的内容，又得为宽屏定制一个版本。3.很多人并不是在全屏的情况下浏览我们的页面，如果让页面随着浏览器宽度改变而相应的调整会不会比较好？就这些问题如何解决，方法就是我们所要说的响应式设计。响应式Web设计(Respons...
-
分类：前端开发2012-10-31阅读：(1319)标签：javascript
- 今天程序猿问我怎么让浏览器的横向滚动条（X轴）默认在最右边。问得我一愣，我是没用到就懒得学，现用现学，现学现用的。操作浏览器滚动条的位置，用scrollTo(x,y);X是X轴方向位置，Y是Y轴方向位置。所以，要操作滚动条的位置，就设置这两个坐标值就OK。<script type="text/javascript">
window.onload=functio...
-
分类：前端开发2012-09-17阅读：(1212)标签：css
- 自适应高度的问题，采用 Div + CSS 进行三列或二列布局时，事先不知道具体高度，只能根据内容的增减自适应高度，要使两列（或三列）的高度相同，用 Table 很容易实现，但采用 Div + CSS 就显得比较麻烦了。按照一般的做法，大都采用背景图填充或 JS 脚本的方法使高度相同，但这些都不是最好的办法。下面介绍采用“隐藏容器溢出”和“正内补丁”和“负外补丁”结合的方法。主要代码：#wr...
-
分类：前端开发2012-09-17阅读：(1393)标签：css, html
- <p>“重构”的春风吹遍大江南北，“div+CSS”俨然已成为一种“时尚”，难以尽数的网站都不约而同地开始了自己的“重构”。然而打开这形形色色网站的源代码，却时常令人哑然失笑。</p><p>我们看到有嵌套6、7层的div布局，有不用table的表格，有纯div+a构成的页面，有成百上千的表现层class……现在关于标准的书籍越来越多，除了少数几本标榜“高级...
