搜索列表
-
CSS标签切换代码实例教程 比较漂亮
【CSS/HTML】我们的设计越来越追求一种简洁的风格,希望在有限的空间内展示更多的内容。与此同时我们发现一些问题,内容的简单排列总使页面很长。滚屏很多才能将显示的内容布局完毕。YAHOO与网易率先应用了标签切换的布局方式,打破了常规布局的局限性,在相同尺寸的区域内,可以放置更多的内容。我们只需要点击不同的选项卡或链接就能...
CSS标签切换代码实例教程比较漂亮 -
CSS样式表规划与管理的经验总结
【CSS/HTML】彻底放弃表格布局,使用xhtml+CSS建站也已经有一年多了。一年多的实践也积累了一定的经验,现在写这篇文章来总结一下。在使用xhtml+CSS建站的过程中有一个比较关键的问题:网站的CSS样式表规划与管理。 我的CSS管理进化史 在最初使用CSS来控制网站样式的时候,并不清楚CSS管理规划之类的东西,所写的C...
CSS样式表规划与管理的经验总结 -
CSS注释、命名、继承性、样式排序等CSS技巧的小结
【CSS/HTML】一、关于注释 在创建xhtml+CSS网站时,CSS中的注释非常重要。在创建CSS样式时,应当保持随手注释的习惯。一般的,我习惯于使用“/* 注释内容 */”的格式来写注释,因为在EditPlus等具有高亮功能的编辑器里,使用C语言中常用的“/***************/”之类的注释是无意义的,没有必要填充大量无意义内...
CSS注释、命名、继承性、样式排序等CSS技巧的小结 -
全面优化V4.0及AJAX标签使用技巧
【整站程序】众所周知。KesionCMS V4.0无论从功能上,还是从性能上都有了质的飞越。不再是以往版本1秒仅能生成1篇文章的系统了。但近期也发现有部分用户提到速度并没有多大提高。现在我大致给大家做个总结。 1、标签调用不合理 A、自定义静态标签(影响最大) 有些用户为了方便,大量使用了自定义静态标签...
全面优化V4.0及AJAX标签使用技巧 -
DIV+CSS 英文命名规范
【CSS/HTML】1.CSS ID 的命名 外 套: wrap 主导航: mainnav 子导航: subnav 页 脚: footet 整个页面: content 页 眉: header 页 脚: footer 商 标: label 标 题: title 主导航: mainbav(globalnav) 顶导航: topnav 边导航: sidebar 左导航: leftsidebar 右导...
DIV+CSS英文命名规范 -
CSS网页布局入门教程14:纵向下拉及多级弹出式菜单
【CSS/HTML】学完了上节教程,我想对于这于这节的学习就容易得多了。 横向菜单是通过div及JavaSprict实现下拉控制,纵向菜单呢?答案是肯定的。我们现在要做的就是一个纵向菜单,css代码: ul { margin:0; padding:0; list-style:none; width:120px; border-bottom:1px solid #ccc;&...
CSS网页布局入门教程14:纵向下拉及多级弹出式菜单 -
CSS网页布局入门教程13:下拉及多级弹出式菜单
【CSS/HTML】下拉及弹出式菜单是网站设计中常用导航形式,这种菜单形式能够充分利用页面现在空间隐藏与显示更多内容,并能对内容进行合理的分类显示,是一种非常优秀的导航形式。 早期的下拉或弹出式菜单通过隐藏的layer或div来实现内容的隐藏,通过JavaScript脚本来响应用户的操作,目前也采用JavaScript+div或其它元素的形...
CSS网页布局入门教程13:下拉及多级弹出式菜单 -
CSS网页布局入门教程12:纵向导航菜单
【CSS/HTML】纵向导航菜单也是网站应用中的一种重要形式,所谓纵向导航菜单是指放置在网页左侧或右侧的从上至下排列的一种导航形式。先看一下效果吧! 如图所示的效果,我们先看一下代码结构:<div id="nav"> <h1>CSS</h1> ...
CSS网页布局入门教程12:纵向导航菜单 -
CSS网页布局入门教程11:带当前标识的标签式横向导航图片美化版
【CSS/HTML】虽然完成了标签式导航,但是广场状的导航似乎并不能够顺应现在的设计潮流,其实导航不仅可以使用css的颜色来定义,同样可以采用精心设计的图片或其它元素来构建导航,在这里我们将开始改善导航的设计,使它成为更加出色的标签效果。 我们将考虑去掉单一的方块状背景元素,使用带色彩的圆角标签来完成我们的设计。不过从这个...
CSS网页布局入门教程11:带当前标识的标签式横向导航图片美化版 -
CSS网页布局入门教程10:带当前标识的标签式横向导航
【CSS/HTML】当前标识指用户点击该频道或栏目,该栏目的标签呈现出与其他标签不同的颜色用以提示用户所处的位置。 这种设计是网站设计中相当简单而且是相当经典的一种增进网站可用性的方式。网站让用户使用时是应该考虑到用户浏览的思考过程,糟糕的网页设计只顾及页面本身而不去考虑用户感受,优秀的设计应当是以用户为中心出发的,这样一种...
CSS网页布局入门教程10:带当前标识的标签式横向导航 -
CSS网页布局入门教程9:用CSS设计网站导航——横向导航
【CSS/HTML】网站导航是网站中最重要的元素,是网站提供给用户的最直接最方便的访问网站内容的工具。网站导航从形式上主要由横向导航、纵向导航、下拉及多级菜单导航第三种形式。 横向导航 作为门户网站的设计而言,主导航一般采用横向导航。由于门户网站下方文字较多,且每个频道均有一同的样式区分,因此在顶部固定一个区域设计统一风...
CSS网页布局入门教程9:用CSS设计网站导航——横向导航 -
CSS网页布局入门教程8:三列浮动中间列宽度自适应
【CSS/HTML】使用浮动定位方式,从一列到多列的固定宽度及自适应,基本上可以简单完成,包括三列的固定宽度。而在这里给我们提出了一个新的要求,希望有一个三列式布局,基中左栏要求固定宽度,并居左显示,右栏要求固定宽度并居右显示,而中间栏需要在左栏和右栏的中间,根据左右栏的间距变化自动适应。这给布局提出了一个新的要求,而且单...
CSS网页布局入门教程8:三列浮动中间列宽度自适应