Class与ID区别 margin和padding区别 CSS学习笔记

首页

web前端

css教程

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

PHP中文网

May 16, 2016 pm 12:06 PM

marginpadding

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）！

声明

本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系admin@php.cn

CSS 边界属性详解：padding，margin 和 borderOct 21, 2023 am 11:07 AM

CSS边界属性详解：padding，margin和borderCSS是一种用于控制和布局网页元素的样式表语言。在网页设计中，边界属性是其中一项非常重要的部分。本文将详细介绍CSS中边界属性的使用方法，并提供具体的代码示例。padding（内边距）padding属性用于设置元素的内边距，即元素内容和元素边界之间的空间。我们可以用正数或百分比值来设置内边距

margin在css中什么意思Dec 18, 2023 am 10:30 AM

在CSS中，margin是一个用于设置元素外边距的属性。外边距是元素边框与元素内容之间的空间。margin可以接受以下几种值：1、单独的值：例如，margin: 10px; 将所有四个外边距（上、右、下、左）都设置为10像素；2、两个值：例如，margin: 10px 20px; 将上下外边距设置为10像素，左右外边距设置为20像素；3、四个值等等。

CSS 文本排版属性详解：text-overflow 和 white-spaceOct 20, 2023 am 11:19 AM

CSS文本排版属性详解：text-overflow和white-space在网页设计中，文本排版是一个非常重要的环节，通过合理的排版可以使文本更易读、更美观。CSS提供了一些属性来控制文本的显示方式，其中包括text-overflow和white-space。本文将详细介绍这两个属性的用法和示例代码。一、text-overflow属性text

margin在html中的意思是什么Sep 13, 2021 pm 04:26 PM

在html中，margin的意思为“外边距”，指的是围绕在元素边框的空白区域；设置外边距会在元素外创建额外的“空白”，让盒子与盒子之间有一个“空白”距离。设置外边距需要使用css margin属性，该属性接受任何长度单位、百分数值甚至负值。

css中的padding属性怎么用Dec 07, 2023 pm 02:58 PM

在CSS中，padding属性用于设置元素的内边距。这意味着它定义了元素内容和其边框之间的空间。基本语法为“padding: value;”。

margin属性不影响行内元素Feb 18, 2024 pm 04:36 PM

Margin对于行内元素的效果是不同于块级元素的。在行内元素中，margin属性只会对垂直方向的上下外边距起作用，而不会对水平方向的左右外边距起作用。举个例子，在HTML中有一个段落元素，我们可以为其设置一些样式，并观察margin属性对其的效果。HTML代码如下所示：

css文件margin什么意思Jan 30, 2023 am 09:34 AM

css文件margin是一个用于定义元素周围空间的css属性；margin表示外边距，可以单独改变元素的上，下，左，右边距，也可以一次改变所有的属性；margin属性接受任何长度单位、百分数值甚至负值。

CSS 盒模型属性探索：padding，margin 和 borderOct 20, 2023 pm 03:09 PM

CSS盒模型属性探索：padding，margin和borderCSS盒模型是网页布局的重要概念之一。在前端开发中，了解和正确使用padding，margin和border属性是关键。本文将深入探讨这三个属性的用法和相互之间的关联，并提供具体的代码示例。一、盒模型简介盒模型由四个部分组成：content（内容），padding（内边距），bo

See all articles