当前位置: 首页 > 图文教程 > 网页制作 > CSS样式表 > Class与ID区别 margin和padding区别 CSS学习笔记

CSS样式表
CSS入门 XHTML文档结构树
IE6下 vertical-align:middle 和 height 引发的边框消失
详解CSS(层叠样式表)渐进增强
css vertical-align属性详细图解分析
CSS 垂直居中的5种实现方法
css 条件注释使用指南
CSS 样式表书写风格分析
CSS教程:条件注释的格式以及作用
探讨:网页外部引用CSS的两种方式
简化的CSS Reset:15套CSS重设实例
CSS技巧:IE6用import导入CSS的问题
编写适合所有项目的通用的reset.css
英文css教程:Introduction CSS
CSS学习之CSS网页制作的10个技巧
条件CSS的高级用法
纯语义化XHTML CSS设计表单方法
CSS 浏览器兼容问题整理大全(比较全)
import link的具体区别
菜单 stepdown 呈递下沉的解决方法
CSS3 box-sizing属性

CSS样式表 中的 Class与ID区别 margin和padding区别 CSS学习笔记


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-10-12   浏览: 161 ::
收藏到网摘: n/a

由于现在百分之99.99%的CMS都是用div+css来构建网页模板的,被逼无奈,一大把年纪了还要学习CSS,说实话没觉得用div来布局比table好在什么地方!但迫于行势,先硬着头皮看吧,能学多少是多少。
根据数据与结构分离的原则,CSS最好要独立于网页文件,用
复制代码 代码如下:

<link rel="stylesheet" type="text/css" href="../xxx/web.css" />

语句将CSS文件调入网页文件,不推荐直接在网页文件中写CSS代码。这么做的优点一是修改方便,二是对搜索引擎友好,那些搜索引擎爬虫爬起来也畅快。
margin和padding属性
margin和padding属性可简单理解为元素的外边距和内边距:margin-top, margin-right, margin-bottom, margin-left, padding-top, padding-right, padding-bottom and padding-left
Class与ID区别
简单来说一个ID名在一个页面中只能出现一次而CLASS可以出现多次,当然如果一个ID名在一个页面中出现了两次,对面页的外观不过造成什么影响,只是不符合W3规范。单一的元素,或需要程序、JS控制的东西,需要用id定义;重复使用的元素,用class定义。