CSS样式表学习一
1. 定义样式
1.1 按html标签定义
例如:body{background-color:#999999; text-align:center}
1.2 按类定义
例如:.style1{border-style:solid; border-color:#0000FF; border-width:1px}
1.3 按id定义
例如:#style2{border-style:solid; border-color:#FF0000; border-width:1px}
2. CSS的位置和引用
可以把样式定义在css文件中,然后,在html文件中引用;也可以把样式定义直接放在style标签中。
(1)直接把样式定义放在<style></style>中。
<style>body{background-color:#999999; text-align:center}</style>
(2)在html文件引用css文件
<link href="style.css" type="text/css" rel="stylesheet"/>
3. 使用CSS样式定义
根据三种定义方法,有三种使用方法
(1)使用html标签定义时,不需要对html代码做任何修改,相应标签会自动呈现样式表定义效果
(2)使用类定义时,html标签增加class属性,属性值设定为需要的样式
<div class="style1">我是一个div, 用class引用样式</div>
(3)使用id定义时,需要把html标签id属性值设定为样式名称。
<div id="style2">我是一个div, 用id引用样式</div>
相关文档:
1. 检查HTML元素是否有拼写错误、是否忘记结束标记
即使是老手也经常会弄错div的嵌套关系。可以用dreamweaver的验证功能检查一下有无错误。
2. 检查CSS是否正确
检查一下有无拼写错误、是否忘记结尾的 } 等。可以利用CleanCSS来检查 CSS的拼写错误。CleanCSS本是为CSS减肥的
工具,但也能检查出拼写错误。
3. 确定错误 ......
<style>
#enlarge {padding:0; margin:2em auto; list-style-type:none; width:240px;
height:40px;}
#enlarge li {display:block; float:left; width:40px; height:40px;
position:relative;}
#enlarge li a {display:block; width:40px; height:40px; background:transparent;
overflow:hidden; positio ......
元素 | i 对象 IMG 元素 | img 对象 DHTML 对象
IFRAME 元素 | iframe 对象
--------------------------------------------------------------------------------
创建内嵌浮动框架。
成员表
下面的表格列出了 iframe 对象引出的成员。请单击左侧的标签来选择你想要查看的成员类型。
标签属性/属性
显示 ......
这个bug,主要是一个二级菜单,在ie7中hover时正常显示出来,在ie6下没有效果。在网上找了很多资料,弄了好几天,最终是参照别人的代码,用的纯css经过自己的整理,就把它给弄下来了。希望以后自己多来看看。
如下:
-------------------
css代码:
.allMenu
{
width: 8 ......
js要求:为使系统能在IE和FF下正常运行,不要使用原生态的javascript,建议使用js的库(如:jquery)
并且要求用jquery中,获取对象的属性使用$obj.attr("attrName"),不要使用obj.attrName,防止自定义的属性在FF中不能正常运行
1、问题:<span></span>在FF下运 ......