Class与ID区别 margin和padding区别 CSS学习笔记
程序员文章站
2023-04-02 10:08:49
由于现在百分之99.99%的cms都是用div+css来构建网页模板的,被逼无奈,一大把年纪了还要学习css,说实话没觉得用div来布局比table好在什么地方!但迫于行势...
由于现在百分之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定义。
根据数据与结构分离的原则,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定义。