搜索列表
-
CSS中Float（浮动）相关技巧文章
【CSS/HTML】Float（浮动）概念也许是CSS中最让人迷惑的一个概念吧。Float经常被错误理解，而且因为将上下文元素全部浮动导致的可读性、可用性问题备受责难。然而，这些问题的根源并不在于理论本身，而是开发人员以及浏览器对理论的解读造成的。 如果你认真的去读一下浮动概念，你会发现并不像所见的那样复杂。大多数问题都...
CSS中Float（浮动）相关技巧文章 -
ASPJPEG综合操作的CLASS类
【ASP编程】<% 'ASPJPEG综合操作CLASS Class AspJpeg Dim AspJpeg_Obj,obj Private Img_MathPath_From,Img_MathPath_To,Img_Reduce_Size,CoverIf Private Img_Frame_Size,Img_Frame_Color,Img_Frame_Solid,Img_Frame_...
ASPJPEG综合操作的CLASS类 -
CSS网页布局入门教程13：下拉及多级弹出式菜单
【CSS/HTML】下拉及弹出式菜单是网站设计中常用导航形式，这种菜单形式能够充分利用页面现在空间隐藏与显示更多内容，并能对内容进行合理的分类显示，是一种非常优秀的导航形式。 早期的下拉或弹出式菜单通过隐藏的layer或div来实现内容的隐藏，通过JavaScript脚本来响应用户的操作，目前也采用JavaScript+div或其它元素的形...
CSS网页布局入门教程13：下拉及多级弹出式菜单 -
CSS网页布局入门教程10：带当前标识的标签式横向导航
【CSS/HTML】当前标识指用户点击该频道或栏目，该栏目的标签呈现出与其他标签不同的颜色用以提示用户所处的位置。 这种设计是网站设计中相当简单而且是相当经典的一种增进网站可用性的方式。网站让用户使用时是应该考虑到用户浏览的思考过程，糟糕的网页设计只顾及页面本身而不去考虑用户感受，优秀的设计应当是以用户为中心出发的，这样一种...
CSS网页布局入门教程10：带当前标识的标签式横向导航 -
CSS网页布局入门教程9：用CSS设计网站导航——横向导航
【CSS/HTML】网站导航是网站中最重要的元素，是网站提供给用户的最直接最方便的访问网站内容的工具。网站导航从形式上主要由横向导航、纵向导航、下拉及多级菜单导航第三种形式。 横向导航 作为门户网站的设计而言，主导航一般采用横向导航。由于门户网站下方文字较多，且每个频道均有一同的样式区分，因此在顶部固定一个区域设计统一风...
CSS网页布局入门教程9：用CSS设计网站导航——横向导航 -
CSS网页布局入门教程8：三列浮动中间列宽度自适应
【CSS/HTML】使用浮动定位方式，从一列到多列的固定宽度及自适应，基本上可以简单完成，包括三列的固定宽度。而在这里给我们提出了一个新的要求，希望有一个三列式布局，基中左栏要求固定宽度，并居左显示，右栏要求固定宽度并居右显示，而中间栏需要在左栏和右栏的中间，根据左右栏的间距变化自动适应。这给布局提出了一个新的要求，而且单...
CSS网页布局入门教程8：三列浮动中间列宽度自适应 -
CSS网页布局入门教程7：二列固定宽度居中
【CSS/HTML】在一列固定宽度之中，我们使用margi:0px auto;这样的设置，使一个div得以达到居中显示，而二列分栏中，需要控制的是左分栏的左边与右分栏的右边相等，因此使用margi:0px auto;似乎不能够达到宁产的效果，这时就需要进行div的嵌套式设计来完成了，可以使用一个居中的div作为容器，钭二列分栏的两个div旋转在容器中...
CSS网页布局入门教程7：二列固定宽度居中 -
CSS网页布局入门教程6：左列固定，右列宽度自适应
【CSS/HTML】在实际应用中，有时候需要左栏固定宽度，右栏根据浏览器窗口大小自动适应，在CSS中实现这样的布局方式是简单可行的，只需在设置左栏的宽度即可，如上例中左右栏都采用了百分比实现了宽度自适应，而我们只需要将左栏宽度设定为固定值，右栏不设置任何宽度值，并且右栏不浮动，代码如下： 复制代码 代码如下:#left {&nb...
CSS网页布局入门教程6：左列固定，右列宽度自适应 -
CSS网页布局入门教程5：二列宽度自适应
【CSS/HTML】从二列固定宽度入手，开始尝试二列布局的情况下，左右栏宽度能够做到自适应，从一列自适应布局中我们知道，设定自适应主要通过宽度的百分比值设置，因此在二列宽度自适应的布局中也同样是对百分比宽度值的设计，继续上面的CSS代码，我们得新定义二列的宽度值： 复制代码 代码如下:#left { ...
CSS网页布局入门教程5：二列宽度自适应 -
CSS网页布局入门教程4：二列固定宽度
【CSS/HTML】有了一列固定宽度作为基础，二列固定宽度就非常简单，我们知道div用于对某一个区域的标识，而二列的布局，自然需要用到两个div，XHTML代码如下： 复制代码 代码如下:<div id="left">左列</div> <div id="right">右列</div> 新的代码结构中使用了两个id，分别为l...
CSS网页布局入门教程4：二列固定宽度 -
CSS网页布局入门教程3：一列固定宽度居中
【CSS/HTML】页面整体居中是网页设计中最普遍应用的形式，在传统表格布局中，我们使用表格的align="center"属性来实现，。div本身也支持align="center"属性，也可以让div呈现居中状态，但css布局是为了实现表现和内容的分离，而align对齐属性是一种样式代码，书写在XHTML的div属性之中，有违背分享原则（分离可以使你的网站更加利于管理...
CSS网页布局入门教程3：一列固定宽度居中 -
CSS网页布局入门教程2：一列自适应宽度
【CSS/HTML】自适应布局是网页设计中常见的布局形式，自适应的布局能够根据浏览器窗口的大小，自动改变其宽度和高度值，是一种非常灵活的布局形式，良好的自适应布局网站对不同分辨率的显示器都能提供最好的显示效果。实际上div默认状态的占据整行的空间，便是宽度为100%的自适应布局的表现形式，一列自适应布局需要我们做的工作也非常简单...
CSS网页布局入门教程2：一列自适应宽度
