常用标签 基本标签 创建一个HTML文档 设置文档标题和其它在网页中不显示的信息 设置文档的标题 创建一个段落 换行插入一个回车换行符 创建超文本链接 表格标签 创建一个表格 表格中的每一行 表格中一行中的每一个格子 设置表格头:通常是黑体居中文字 表单标签 创建表单 action="..."接收数据的服务器的URL method="..."HTTP的方法(get, post)。其中get是被...
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基础知识 如何将网页版式布局下的二级菜单不向左...
浮动 在DIV+CSS中浮动分为左浮动，右浮动，清除浮动 1、右浮动 所谓的右浮动，指一个块元素向右移动，让出自己的空间向右移动知道碰到包含自己的父元素的最右边的边框。如下图所示： 测试代码如下： 浮动案例 div1 div2 div3 .div1{ width:150px; height:100px; border:1px solid red; background:pink; margin-top:5px;}/*id 选择器*/#id1{ float:right;} ...
1、ul标签在Firefox中默认是有padding值的，而在IE中只有margin有值。 2、同一个的class选择符可以在一个文档中重复出现，而id选择符却只能出现一次；对一个标签同时使用class和id进行CSS定义，如果定义有重复，id选择符做的定义有效，是因为ID的权值要比CLASS大。 3、兼容性调整(IE和Firefox)办法： 初学可能会碰到这样一个情况：同样一个标签的属性在IE设置成A显示是正常的，而在Firefox里必须要设成B才能正常显示，或者两个倒...
所有浏览器 通用 （市面上主要用到的IE6 IE7 FF） height: 100px; IE6 专用 _height: 100px; IE6 专用 *height: 100px; IE7 专用 *+height: 100px; IE7、FF 共用 height: 100px !important; 一、CSS 兼容 以下两种方法几乎能解决现今所有兼容. 1, !important (不是很推荐，用下面的一种感觉最安全) 随着IE7对!important的支持, !important 方法现在只...
//首页可能碰到的 页头：header登录条：loginBar标志：logo侧栏：sideBar广告：banner导航：nav子导航：subNav菜单：menu子菜单：subMenu搜索：search滚动：scroll页面主体：main内容：content标签页：tab文章列表：list提示信息：msg小技巧：tips栏目标题：title加入：joinus指南：guild服务：service热点：hot新闻：news下载：download注册：regsiter状态：status按钮：btn投票：vote合作伙伴：partner友情链接：friendLink页脚...
标签基础 meta标签 告诉浏览器文档是text/html标签选择符群组选择符：减少代码量，改善css代码结构。包含选择符：对象中的子对象，也可以对减包含。：link a链接未被访问前：hover 对象在鼠标上时的样式：active 对象被用户点击及被点击释放之间的样式: visited a对象被点击后的样式:fater 设置某一个对象之后的内容.text:after{content:url(../a.jpg)}em 相对于当前对象内文本的字体尺寸
青春不迷茫：寻梦时代的“蚁族”逆袭之旅- 职场管理专题-中国人力资源开发网-中人网 - 中国领先的人力资源门户，最佳HR学习成长平台body { color: black; font-size: 12px; margin: 0px; padding: 0px;}img { border: 0 none;}a { color: blue;}a:hover { color: gray;}div.bodyBox { width: 960px; margin: 0 auto;}.bgBox { margin: 10px 0; position: relative; display: block; zoom: 1;/*ie 触发haslayout*/}.bgBox .content ...