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>
相关文档:
转:写的不错,对于网页开发有指导意义
在《欲练 CSS ,必先宫 IE》和《你有 <table /> 强迫症吗?》这两篇文章中,看到有不少评论用到div+CSS布局这个说法,用来和table布局比较。实际上div不是用来布局的,div只是用来表示一个其它元素都无法准确表达语意的一个块区,只有CSS是用于布局的,所以根本就不存在di ......
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<TITLE>无刷新变换样式表</TITLE>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" /& ......
这个bug,主要是一个二级菜单,在ie7中hover时正常显示出来,在ie6下没有效果。在网上找了很多资料,弄了好几天,最终是参照别人的代码,用的纯css经过自己的整理,就把它给弄下来了。希望以后自己多来看看。
如下:
-------------------
css代码:
.allMenu
{
width: 8 ......
头:header
内容:content/container
尾:footer
导航:nav
侧栏:sidebar
栏目:column
页面外围控制整体布局宽度:wrapper
左右中:left right center
登录条:loginbar
标志:logo
广告:banner
页面主体:main
热点:hot
新闻:news
下载:down ......