搜索列表
-
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】一、关于注释 在创建xhtml+CSS网站时，CSS中的注释非常重要。在创建CSS样式时，应当保持随手注释的习惯。一般的，我习惯于使用“/* 注释内容 */”的格式来写注释，因为在EditPlus等具有高亮功能的编辑器里，使用C语言中常用的“/***************/”之类的注释是无意义的，没有必要填充大量无意义内容作...
网页编辑中CSS样式表技巧总结 -
DIV+CSS布局的网站对网站SEO的影响分析
【CSS/HTML】符合XHTML标准DIV+CSS布局的网站，下面说说在SEO方面的影响。 代码精简 使用DIV+CSS布局，页面代码精简，这一点相信对XHTML有所了解的都知道。代码精简所带来的直接好处有两点：一是提高spider爬行效率，能在最短的时间内爬完整个页面，这样对收录质量有一定好处;二是由于能高效的爬行，就会受到...
DIV+CSS布局的网站对网站SEO的影响分析 -
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的支持区别 -
KesionCMS V4.x部份最常用的标签清单
【整站程序】=====================网站通用标签============== 显示网站标题 {$GetSiteTitle} 显示网站名称 {$GetSiteName} 显示网站LOGO不带参数 {$GetSiteLogo} 显示网站LOGO带参数 {=GetLogo(*,*)} 显示热门Tags/最新Tags {=GetTags(*,*)} 显示网站信息统计 {$GetSiteC...
KesionCMSV4.x部份最常用的标签清单 -
提高页面加载速度的几个方法小结
【网站应用】很久没写技术方面的东西，是因为在做了一段时间的技术以后我越发发现，学什么技术或者技术应该钻研到什么层次真的不是最重要的，最重要的是解决问题的方法和能力。所以以后如果再写技术类的文章，定要少些技术细节，多一些方法和思路，今天就给大家介绍几个提高页面装载时间的方法，都是我在工作当中实践出来的经验。 首先给大家...
提高页面加载速度的几个方法小结
