搜索列表
-
CSS标签切换代码实例教程 比较漂亮
【CSS/HTML】我们的设计越来越追求一种简洁的风格，希望在有限的空间内展示更多的内容。与此同时我们发现一些问题，内容的简单排列总使页面很长。滚屏很多才能将显示的内容布局完毕。YAHOO与网易率先应用了标签切换的布局方式，打破了常规布局的局限性，在相同尺寸的区域内，可以放置更多的内容。我们只需要点击不同的选项卡或链接就能...
CSS标签切换代码实例教程比较漂亮 -
CSS网页布局入门教程13：下拉及多级弹出式菜单
【CSS/HTML】下拉及弹出式菜单是网站设计中常用导航形式，这种菜单形式能够充分利用页面现在空间隐藏与显示更多内容，并能对内容进行合理的分类显示，是一种非常优秀的导航形式。 早期的下拉或弹出式菜单通过隐藏的layer或div来实现内容的隐藏，通过JavaScript脚本来响应用户的操作，目前也采用JavaScript+div或其它元素的形...
CSS网页布局入门教程13：下拉及多级弹出式菜单 -
CSS网页布局入门教程9：用CSS设计网站导航——横向导航
【CSS/HTML】网站导航是网站中最重要的元素，是网站提供给用户的最直接最方便的访问网站内容的工具。网站导航从形式上主要由横向导航、纵向导航、下拉及多级菜单导航第三种形式。 横向导航 作为门户网站的设计而言，主导航一般采用横向导航。由于门户网站下方文字较多，且每个频道均有一同的样式区分，因此在顶部固定一个区域设计统一风...
CSS网页布局入门教程9：用CSS设计网站导航——横向导航 -
CSS网页布局入门教程8：三列浮动中间列宽度自适应
【CSS/HTML】使用浮动定位方式，从一列到多列的固定宽度及自适应，基本上可以简单完成，包括三列的固定宽度。而在这里给我们提出了一个新的要求，希望有一个三列式布局，基中左栏要求固定宽度，并居左显示，右栏要求固定宽度并居右显示，而中间栏需要在左栏和右栏的中间，根据左右栏的间距变化自动适应。这给布局提出了一个新的要求，而且单...
CSS网页布局入门教程8：三列浮动中间列宽度自适应 -
CSS网页布局入门教程6：左列固定，右列宽度自适应
【CSS/HTML】在实际应用中，有时候需要左栏固定宽度，右栏根据浏览器窗口大小自动适应，在CSS中实现这样的布局方式是简单可行的，只需在设置左栏的宽度即可，如上例中左右栏都采用了百分比实现了宽度自适应，而我们只需要将左栏宽度设定为固定值，右栏不设置任何宽度值，并且右栏不浮动，代码如下： 复制代码 代码如下:#left {&nb...
CSS网页布局入门教程6：左列固定，右列宽度自适应 -
CSS网页布局入门教程4：二列固定宽度
【CSS/HTML】有了一列固定宽度作为基础，二列固定宽度就非常简单，我们知道div用于对某一个区域的标识，而二列的布局，自然需要用到两个div，XHTML代码如下： 复制代码 代码如下:<div id="left">左列</div> <div id="right">右列</div> 新的代码结构中使用了两个id，分别为l...
CSS网页布局入门教程4：二列固定宽度 -
常用的DIV+CSS的基本框架结构但不推荐都放一个div里
【CSS/HTML】常用的DIV+CSS的基本框架结构但不推荐都放一个div里css样式代码： 程序代码复制代码 代码如下:/*---全局样式---*/ * { margin:0px; padding:0px;} body {font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 12px;backgroun...
常用的DIV+CSS的基本框架结构但不推荐都放一个div里 -
一个老外弄的Clearing floats(清除浮动的方法)
【CSS/HTML】我常用的都是clear:both;方法，如 <div style="clear:both"> <div style="float:left"></div> <div style="float:right"></div> </div> 今在PlanABC看到另外这种方法，特些记录下来。 div.container { ...
一个老外弄的Clearingfloats(清除浮动的方法) -
在解决ul居中问题时想到的几点
【CSS/HTML】最近在做网站的时候碰到了一个问题：我用 ul 标签和 li 标签构建的导航栏想要在不确定 li 数量和 li, ul 宽度的情况下居中，但是给 ul 使用了 text-align:center 之后却没有起到应有的效果。 原来的页面结构是： 复制代码 代码如下:<div&n...
在解决ul居中问题时想到的几点 -
IE6，IE7和firefox对DIV的支持区别
【CSS/HTML】1 针对firefox ie6 ie7的css样式 现在大部分都是用!important来hack，对于ie6和firefox测试可以正常显示，但是ie7对!important可以正确解释，会导致页面没按要求显示！找到一个针对IE7不错的hack方式就是使用“*+html”，现在用IE7浏览一下，应该没有问题了。 现在写一个CSS可以这样： #1 {&n...
IE6，IE7和firefox对DIV的支持区别 -
css实现兼容各个浏览器的技巧的代码
【CSS/HTML】在编写css样式表的时候常常会碰到一写浏览器兼容的问题，象是不同内核的浏览器显示就不一定相同，不同版本的的浏览器也会产生上下兼容的问题，如何解决这些问题成了我们苦恼的问题，如果你对css hack技术很了解的话，那这就是太简单不过了，不过对于那些不怎么解的人来说可真成了他们所苦恼的事。在这就从 赵磊官方...
css实现兼容各个浏览器的技巧的代码 -
应用WEB标准实例：列表页面的制作
【CSS/HTML】实例效果图： 整体观察思考： 在开始制作页面前，我们首先要观察图的结构，考虑怎样布局，布局对一个网站来说非常重要，他是整个体系的骨骼。 再看此图 很经典的三行两列结构，分为四块，TOP、RIGHT、LEFT、BOTTOM。如下图 以上我们思考过整体的结构,接下来我们要考虑如何把思考出来的结构变化...
应用WEB标准实例：列表页面的制作
