第一步:Meta标签大多数移动浏览器将HTML页面放大为宽的视图(viewport)以符合屏幕分辨率。你可以使用视图的meta标签来进行重置。下面的视图标签告诉浏览器,使用设备的宽度作为视图宽度并禁止初始的缩放。在标签里加入这个meta标签。 IE8或者更早的浏览器并不支持Media Query。....
分类:
Web程序 时间:
2014-10-17 13:21:15
阅读次数:
244
1.浮动(float)是基于CSS的现代Web设计用到的主要功能之一,可以用它来创建多累的网页布局,从无序列表创建导航工具条,不是用table而创建类似表格的对其方式等。
为使元素浮动到左边或者右边,并使后面的文本环绕它,可使用float属性,float属性的取值是:none(不浮动),left(向左浮动),right(向右浮动)。
使用float属性后,浮动的元素从正常文档流中脱离出来,同时...
分类:
Web程序 时间:
2014-10-15 10:12:20
阅读次数:
143
清除浮动(clear float)谈拥有布局(has layout)与块级格式化范围(block formatting context)float是网页布局中都要使用的css属性,他为我们灵活布局提供了方便,但同时浮动太多会带来很多麻烦,所以我通常的做法是使用float完后,马上清除他。float的...
分类:
其他好文 时间:
2014-10-09 14:06:53
阅读次数:
223
新的结构标签带来的是网页布局的改变, 以及提升对搜索引擎的友好;多媒体标签的出现意味着富媒体的发展, 以及支持不使用插件的情况下即可操作媒体文件;对可用性产生负面影响的元素:搜索引擎无法抓取框架里的实际内容;所有的HTML5结构标签本质上来说是一个div标签;在线编辑、展示、分享、交流你的 Ja...
分类:
Web程序 时间:
2014-10-04 13:07:46
阅读次数:
351
浮动,从诞生那天起,它就是个特别的属性——既为网页布局带来新的方法,却又随之产生一系列的问题。当然,随着时间的推移,这些问题终究有了一些出色的解决方案,Kayo 要在这里详细介绍的,除了是这些解决方案,还有其中的原理。(温謦提示:文章信息量大且篇幅长,请各位自备瓜子,饮料,音乐)。一.什么是清除浮动...
分类:
其他好文 时间:
2014-09-24 21:19:57
阅读次数:
310
我所采用的方式是Flex+ActiveX控件(也许还有更好的方法:))。1.Flex中使用ActiveX控件Flex中使用ActiveX控件我的思路是:1.Flex中嵌入一个网页。2.布局网页到Flex界面中合适的位置。3.在网页中嵌入ActiveX控件。4.解决ActiveX控件和Flex的互相访问。很幸运,网上有很多介绍如何..
分类:
其他好文 时间:
2014-09-22 19:53:03
阅读次数:
474
制做网页先从布局开始,将一个网页分成四块,用div画块布局,块画好了,打开是一片空白的,div只是将网页分块,但要显示块的大小颜色,我们就需要用CSS来控制,以下将div设置为宽为300px,高为200px,背景色为蓝色,出来的效果如下:那么为什么是这显示的是一大块呢,因为呢,..
分类:
Web程序 时间:
2014-09-22 11:18:53
阅读次数:
198
第一次设计网页布局时往往不知道如何使用width 与 height...
分类:
其他好文 时间:
2014-09-20 23:11:29
阅读次数:
209
流动模型(一)先来说一说流动模型,流动(Flow)是默认的网页布局模式。也就是说网页在默认状态下的 HTML 网页元素都是根据流动模型来分布网页内容的。流动布局模型具有2个比较典型的特征:第一点,块状元素都会在所处的包含元素内自上而下按顺序垂直延伸分布,因为在默认状态下,块状元素的宽度都为100%。...
分类:
Web程序 时间:
2014-09-18 20:21:24
阅读次数:
365
在网页制作中,有许多的术语,例如:CSS、HTML、DHTML、XHTML等等。在下面的文章中我们将会用到一些有关于HTML的基本知识,而在你学习这篇入门教程之前,请确定你已经具有了一定的HTML基础。下面我们就开始一步一步使用DIV+CSS进行网页布局设计吧。所有的设计第一步就是构思,构思好了,一...
分类:
Web程序 时间:
2014-09-09 21:18:09
阅读次数:
408