XHTML+CSS 笔记

<link type ="text/css" rel="Stylesheet" href="StyleSheet.css" />

可以使用通用选择器

*{margin:0; padding:0;}

对HTML内的所有的标签进行重置，保证作出的页面能够兼容多种浏览器

为了减少不必要的标签重置，

还可以：

1. body,div,p,a,ul,li{margin:0; padding:0;}
2. body,div,p,a,ul,li,dl,dt,dd{margin:0; padding:0;}

若需要标签集体声明，则不同的标签用“,”分开

如：h1,h2,h3,h4,h5,h6{color:#900;}

集体申明的好处：相同的部分共同定义，不同的部分单独定义，保证风格统一，样式修改灵活

选择器的嵌套：

01.#div1 p a{color:#900;}/*意思是在ID为div1内的p标签内的链接a标签的文字颜色为红色*/

页面模块的常用命名：
头：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
小技巧：tips

盒子模型

盒子模型的四要素分别是：content(内容)、border(边框)、padding(内边距)、margin(外边距)