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

CSS样式表
CSS网页布局
知道吗？H1标签同样也可以美化
CSS:用overflow代替left截取指定长度字符串
学习CSS了解单位em和px的区别
巧用CSS滤镜制作绚丽图片播放效果
PDF、ZIP、DOC链接的标注(CSS技巧)
DIV CSS制作网页时易犯的错误总结
CSS隐藏网页文字的几种常用方法
总结新手学CSS容易出现错误的内容
网站配色,CSS主色调配色方案
我们需要对CSS进行缩写的原因
从三方面加速CSS样式作用网页速度
CSS属性选择器的四种格式
CSS教程:text-indent隐藏文字出现虚线框outline
表单name与id的区别和相似之处
CSS让网页里的提交按钮变得更漂亮
小技巧:网页制作中段落缩进的方法
网页导航上用CSS标志当前页效果
CSS框架的利与弊（上）
Web标准:关于DOCTYPE

No. « 7 8 9 10 »

技术文章搜索

关键字

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

出处:互联网   整理: 软晨网（RuanChen.com）   发布: 2009-10-12   浏览: 106 ::
收藏到网摘: 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定义。