搜索列表
-
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：一列自适应宽度 -
CSS网页布局入门教程1：一列固定宽度
【CSS/HTML】本系列教程为入门级教程，适合初学者学习，由最简单的知识一点一点进阶。主要以实例为主，很少部分理论，这样更适应初学者快速掌握。因本人也正在学习，难免有一些错误或疏漏地方，望各位给予指正。本教程参考《CSS网站布局实录》一书，在此向作者表示感谢。 要想学好DIV+CSS，首先要有一定的HTML和CSS知识，如果...
CSS网页布局入门教程1：一列固定宽度 -
超强推荐CSS打造经典鼠标触发显示选项
【CSS/HTML】css打造鼠标触发效果 [Ctrl+A 全选 注:引入外部Js需再刷新一下页面才能执行]
超强推荐CSS打造经典鼠标触发显示选项 -
无js5款纯div+css制作的弹出菜单标准
【CSS/HTML】一、最基本的：二级dropdown弹出菜单 二级dropdown弹出菜单--A CROSS BROWSER Drop DOWN CASCADING VALIDATING MENU /* common styling */ /* set up the overall width of the menu div, the font and the margins */ .menu { font-family: arial, sans-serif; width:750px; ...
无js5款纯div+css制作的弹出菜单标准 -
XHTML下用dl,dt,dd标签实现翻页的效果代码
【CSS/HTML】今天在标准之类的blog(http://www.aa25.cn)看到"纯CSS代码实现翻页" 的文章 dl { position:absolute; width:389px; height:154px; border:10px solid #eee; } dd { margin:0; width:389px; height:154px; overflow:hidden; } img { border:1px solid black } dt { position:absolute; right:3px; top:50px; } a { di...
XHTML下用dldtdd标签实现翻页的效果代码 -
学习样式表CSS参考-常用的CSS知识
【CSS/HTML】1. Block和inline元素对比 所有的HTML元素都属于block和inline之一。 block元素的特点是： 总是在新行上开始； 高度，行高以及顶和底边距都可控制； 宽度缺省是它的容器的100%，除非设定一个宽度 <div>, <p>, <h1>, <form>, <ul> 和 <li>是块元素的例子。 相反地，inli...
学习样式表CSS参考-常用的CSS知识 -
[js]一个只删除所有font标签的正则函数
【正则表达式】js 求一个只删除所有font 标签的正则函数 var a = "33asfdasdf22asdfasdf"; var b = a.replace(/]*>/gi,""); alert(b); [Ctrl+A 全选 注:引入外部Js需再刷新一下页面才能执行]
[js]一个只删除所有font标签的正则函数
