欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  web前端

Class与ID区别 margin和padding区别 CSS学习笔记_经验交流

程序员文章站 2022-03-28 08:22:40
...
Class与ID区别 margin和padding区别 CSS学习笔记_经验交流

由于现在百分之99.99%的CMS都是用p+css来构建网页模板的,被逼无奈,一大把年纪了还要学习CSS,说实话没觉得用p来布局比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定义。

以上就是Class与ID区别 margin和padding区别 CSS学习笔记_经验交流的内容,更多相关内容请关注PHP中文网(www.php.cn)!