搜索列表
-
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网页布局入门教程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里 -
网页编辑中CSS样式表技巧总结
【CSS/HTML】一、关于注释 在创建xhtml+CSS网站时,CSS中的注释非常重要。在创建CSS样式时,应当保持随手注释的习惯。一般的,我习惯于使用“/* 注释内容 */”的格式来写注释,因为在EditPlus等具有高亮功能的编辑器里,使用C语言中常用的“/***************/”之类的注释是无意义的,没有必要填充大量无意义内容作...
网页编辑中CSS样式表技巧总结 -
在解决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的支持区别 -
提高页面加载速度的几个方法小结
【网站应用】很久没写技术方面的东西,是因为在做了一段时间的技术以后我越发发现,学什么技术或者技术应该钻研到什么层次真的不是最重要的,最重要的是解决问题的方法和能力。所以以后如果再写技术类的文章,定要少些技术细节,多一些方法和思路,今天就给大家介绍几个提高页面装载时间的方法,都是我在工作当中实践出来的经验。 首先给大家...
提高页面加载速度的几个方法小结 -
使用ASP实现网站的“目录树”管理的代码
【ASP编程】使用ASP实现网站的目录树数据库结构(共使用了两个表)1。tblCategory字段名 类型 Root binary 说明树关或开(目录的根)ID 自动编号 关键字Sort integer 识别该字段内容的整数(如果root是开状态sort为0)表示显示...
使用ASP实现网站的“目录树”管理的代码 -
布局用CSS+DIV的优点总结
【CSS/HTML】采用CSS+DIV对网站重构日趋被大家重视起来了,尤其是大型站点,像阿里巴巴、163等大型门户站点就已经完成了重构工作。本人在去年就已经有了使用CSS+DIV来编写网页源码的习惯了,个人感觉这种方法确实比传统的TABLE形式的源码架构强多了。 1:表现和内容相分离 将设计部分剥离出来放在一个独立样式文件中,HTM...
布局用CSS+DIV的优点总结 -
大家需要掌握的 html下SPAN和DIV的区别
【CSS/HTML】SPAN 和 DIV 的区别在于,DIV(division)是一个块级元素,可以包含段落、标题、表格,乃至诸如章节、摘要和备注等。而SPAN 是行内元素,SPAN 的前后是不会换行的,它没有结构的意义,纯粹是应用样式,当其他行内元素都不合适时,可以使用SPAN。 下面以一个实例来说明这两...
大家需要掌握的html下SPAN和DIV的区别