首页> 前端开发

10个有用的排版技巧提升你网站的可读性

分类:前端开发2012-11-15阅读:(1478)标签:web
<p>排版在网页设计中经常被忽略。其实这是很傻逼的,因为注重网页排版确实可以提高你的网页设计水平和可读性。下面,我列出了10个非常有用的排版技巧让你的网站看起来更好。</p><p>1、纠正行高</p><p>最常见的网页布局错误之一是定义了不正确的行高。行高是定义一行文本的高度,所以我们必须按照文本字体大小来设定行高。</p&g...

响应式WEB设计流程

分类:前端开发2012-11-15阅读:(1589)标签:web
<p>第一步:确定需要兼容的设备类型、屏幕尺寸通过用户研究,了解用户使用的设备分布情况,确定需要兼容的设备类型、屏幕尺寸。设备类型:包括移动设备(手机、平板)和pc。对于移动设备,设计和实现的时候注意增加手势的功能。屏幕尺寸:包括各种手机屏幕的尺寸(包括横向和竖向)、各种平板的尺寸(包括横向和竖向)、普通电脑屏幕和宽屏。需要考虑的问题:</p><p>某个页...

响应式WEB设计

分类:前端开发2012-11-15阅读:(1539)标签:web
什么是响应式设计?我们先看几个问题,是我们平时设计中遇到的:1.想要网站兼容手机、平板电脑、pc,就得为不同的设备定制不同的版本。2.想要网站的某些页面在宽屏显示器下一行显示更多的内容,又得为宽屏定制一个版本。3.很多人并不是在全屏的情况下浏览我们的页面,如果让页面随着浏览器宽度改变而相应的调整会不会比较好?就这些问题如何解决,方法就是我们所要说的响应式设计。响应式Web设计(Respons...

让浏览器横向滚动条默认在右边

分类:前端开发2012-10-31阅读:(1702)标签:javascript
今天程序猿问我怎么让浏览器的横向滚动条(X轴)默认在最右边。问得我一愣,我是没用到就懒得学,现用现学,现学现用的。操作浏览器滚动条的位置,用scrollTo(x,y);X是X轴方向位置,Y是Y轴方向位置。所以,要操作滚动条的位置,就设置这两个坐标值就OK。<script type="text/javascript"> window.onload=functio...

DIV+CSS高度自适应解决方法

分类:前端开发2012-09-17阅读:(1542)标签:css
自适应高度的问题,采用 Div + CSS 进行三列或二列布局时,事先不知道具体高度,只能根据内容的增减自适应高度,要使两列(或三列)的高度相同,用 Table 很容易实现,但采用 Div + CSS 就显得比较麻烦了。按照一般的做法,大都采用背景图填充或 JS 脚本的方法使高度相同,但这些都不是最好的办法。下面介绍采用“隐藏容器溢出”和“正内补丁”和“负外补丁”结合的方法。主要代码:#wr...

解读DIV+CSS网页制作误区

分类:前端开发2012-09-17阅读:(1774)标签:css, html
<p>“重构”的春风吹遍大江南北,“div+CSS”俨然已成为一种“时尚”,难以尽数的网站都不约而同地开始了自己的“重构”。然而打开这形形色色网站的源代码,却时常令人哑然失笑。</p><p>我们看到有嵌套6、7层的div布局,有不用table的表格,有纯div+a构成的页面,有成百上千的表现层class……现在关于标准的书籍越来越多,除了少数几本标榜“高级...

DOCTYPE兼容模式和标准模式

分类:前端开发2012-09-13阅读:(1673)标签:html
<p>一般情况下,DreamWeaver是我们开发网页的基本工具之一,在我工作的很多时候,我都是用它来完成前端页面的编写的。不管用的是哪个版本,从很早开始,DW自动创建HTML的时候都会包含下面这几行</p><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" &quo...

让IE6支持max-height、min-height样式属性方法教程

分类:前端开发2012-09-07阅读:(1565)标签:css
我们在写CSS的是后,经常遇到希望给一个对象给个最小值,然后自动扩展,但有些浏览器又不支持,尤其是IE6。来看看IE6 max-height、min-height不支持的解决方法。1、IE6支持max-height解决方法-IE6支持最大高度解决CSS代码:.yangshi{max-height:1000px;_height:expression((document.documentElem...

八个必须掌握的CSS布局技巧

分类:前端开发2012-09-07阅读:(1372)标签:css
<p>1.若有疑问立即检测</p><p>在出错时若能对原始代码做简单检测可以省去很多头痛问题。W3C对于XHTML与CSS都有检测工具可用,在文件开头的错误,可能因为不当的结构等因素造成更多错误;我们建议先修正一些最明显的错误之后重新检测,这样也许会让错误数量爆减。</p><p>2.使用浮动功能时记得适当清除指令</p>...

用CSS控制字母大小写

分类:前端开发2012-08-29阅读:(1595)标签:css
制作网页中,通常会遇到一些字母需要大写,或者首个字母大写的,尤其是英文站,对字母大小写控制得比较多。用CSS控制字母大小写,可以控制单词全部大写、全部小写或者首个字母大写等。CSS控制字母大小写:text-transform: none|capitalize|uppercase|lowercase|inheritnone 默认。定义带有小写字母和大写字母的标准的文本。capitalize...
前端开发