div+css样式命名规则，值得收藏 头：header 内容：content/container 尾：footer 导航：nav 侧栏：sidebar 栏目：column 页面外围控制整体布局宽度：wrapper 左右中：left right center 登录条：loginbar 标志：logo 广告：banner 页面主体：main 热点：hot 新闻：news 下载：download 子导航：subnav 菜单：menu 子菜单：submenu 搜索：search 友情链接：friendlink 页脚：footer 版权：copyright 滚动：scroll 内容：cont...
如果要实现整体页面上下居中，它们俩必须得是一个整体。我便在标签中加了个class，使body中的两部分真正包含在一个整体中。接下来对这个整体进行设置： .mainLayout { position :absolute; left : 50%; top : 50%; width : 910px; margin-top : -270px; margin-left : -455px;} 这是使用绝对定位和负margin值实现的。 left:50% 会让整个mainlayout容器从浏览器水平方向的中点开始往右显示，此时...
DIV+CSS这种叫法不准确 应该叫XHTML+CSS,其实我觉得叫什么无所谓了，关键是能深刻的理解布局就可以了。 Table诞生的目的是为了存储数据，而DIV诞生的目的就是为了架设页面结构，两者有不同的工作职能，当我们存储数据的时候用Table是最方便快捷的.
本文向大家简单描述一下DIV CSS网页布局需要掌握的技巧，良好的习惯可能会使你的设计周期加倍缩短，下面让我们一起来学习吧。你对对DIV CSS网页布局需要掌握的技巧是否熟悉，这里和大家分享一下，良好的习惯可能会使你的设计周期加倍缩短。 以下是进行CSS设计时的几个小技巧 1.DIV CSS网页布局若有疑问立即检测 在出错时若能对原始代码做简单检测可以省去很多头痛问题。W3C对于XHTML与CSS都有检测工具可用，请见http://valid...
常用标签 基本标签 创建一个HTML文档 设置文档标题和其它在网页中不显示的信息 设置文档的标题 创建一个段落 换行插入一个回车换行符 创建超文本链接 表格标签 创建一个表格 表格中的每一行 表格中一行中的每一个格子 设置表格头:通常是黑体居中文字 表单标签 创建表单 action="..."接收数据的服务器的URL method="..."HTTP的方法(get, post)。其中get是被...
在网站设计的时候，应该注意css样式兼容不同浏览器问题，特别是对完全使用p CSS设计的网，就应该更注意IE6 IE7 FF对CSS样式的兼容，不然，你的网乱可能出去不想出现的效果！ 所有浏览器 通用height: 100px;IE6 专用_height: 100px;IE6 专用*height: 100px;IE7 专用*+height: 100px;IE7、FF 共用height: 100px !important;一、CSS 兼容以下两种方法几乎能解决现今所有兼容.1, !important (不是很推荐，用下面的一种感觉最安全)随着I...
1.没有外Div的情况下 设置绝对定位(absolute)和相对定位(relative)是没有区别的 2.相对定位占位置 而绝对定位不占位置 会漂浮在别的Div之上 3.若父Div没有设置定位,子Div要设置位置, 则子Div设置绝对和相对定位,都无所谓 4若父Div设置了定位,子Div设置成绝对定位 则是相对于浏览器,若子Div设置成相对定位, 则是相对于父Div的位置. 5如果统计元素中都是relative,那么设置第二个div 的css(left)时,是相对与第一个的距离
div是很多人做网站都会用到的，但在显示效果时前面总是会有一个小黑点，这个效果很多人不想要，但又不知到如何去除，然而我们可以用以下方法来清除。 1、在CSS中写入代码。找到相关性的CSS，在。.li和.ul下写入list-sytle:none;当然有的会这样来写list-style-type:none, 这种写法特别是在一些CMS中最常见。 2、在相关的页面找到head部分写入下面的代码 list-style:none; 3、在li,ul内加入list-style。如<ul style="list-s...
CSS技巧： 1.div的垂直居中问题 vertical-align:middle; 将行距增加到和整个DIV一样高 line-height:200px; 然后插入文字，就垂直居中了。缺点是要控制内容不要换行 2. margin加倍的问题 设置为float的div在ie下设置的margin会加倍。这是一个ie6都存在的bug。解决方案是在这个div里面加上display:inline; 例如:<#div id=”imfloat”> 相应的css为 #IamFloat{float:left; margin:5px;/*IE下理解为1...
在网页中应用选项卡可以使网页显得更紧凑，结合AJAX技术可以使页面在有限的空间内展现更多的内容。本文主要介绍几种简洁的选项卡效果的实现（不涉及滑动门和AJAX），附有实例，无图片，兼容性较好，方便大家直接使用。 第一种形式: 通过更换显示样式实现，这种很常见，就不多说了。 新闻 评论 技术 点评 新闻列表 评论列表 技术列表 点评列表 第二种形式: 这种结构比较复杂一些，外面加一个相对层(.menu1box)，设置溢出...
转自：http://blog.csdn.net/softwave/article/details/3855332 配色工具 配色最痛苦了。（= =）更多配色工具请参考： 为你的网页组合出一个完美的配色方案 Color Schemer Gallery：配色展览馆 COLOURlovers Website Color Picker I Like Your Colors：喜欢某个网站的配色？就用这个工具。 免费的 CSS 导航栏菜单 导航栏的重要性不用多说，尤其是一个动感十足有易用的。网上已经有大把的模板，稍稍修改一下就可以用啦。 Listam...
一、效果 二、HTML结构 典型的DIV＋CSS布局 典型的DIV＋CSS布局 Copyright©2012,WestGarden. 三、CSS *{ margin:0; padding:0;}body { text-align:center; background:url(bg.jpg);}a:link { color: #A0410D; text-decoration:none;...
作为一个CSSer，需要懂得的知识是比较多的，前面有UE设置，后面有程序，而在开发的同时，需要考虑到网站优化，包括用户体验和SEO等等。今天就SEO与DIV+CSS布局的关系，我们作一些了解，相信大家看了以后，会有收获的。首先了解一下，什么是SEO。SEO主要就是通过对网站的结构，标签，排版等各方面的优化，使Google等搜索引擎更容易搜索网站的内容，并且让网站的各个网页在GOOGLE等搜索引擎中获得较高的评分，从而获得较好的排名。一...
1、首先创建页签，以及页签内容的div。 2、编写被选中的页签和页签内容div显示、隐藏的样式。 3、编写js方法，根据被选中的页签，显示相应的页签内容。 精彩推荐： 子div相对父div底部对齐代码 div+css的相对定位和绝对定位 div+css布局之offsetLeft,Left,clientLeft的区别 十天学会web标准第二天 一列布局 十天学会web标准第一天XHTML CSS基础知识 如何将网页版式布局下的二级菜单不向左...