Home Web Front-end CSS Tutorial The difference between Class and ID, the difference between margin and padding CSS study notes_Experience exchange

The difference between Class and ID, the difference between margin and padding CSS study notes_Experience exchange

May 16, 2016 pm 12:06 PM
margin padding

the difference between class and id, the difference between margin and padding, css study notes_experience exchange

since 99.99% of cms now use p css to build web page templates , i was forced to have no choice but to learn css at an advanced age. to be honest, i don’t think using p for layout is any better than table! but due to the current situation, let’s just bite the bullet and see how much we can learn.
according to the principle of separation of data and structure, it is best for css to be independent of web page files. use the

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

statement to transfer css files into web page files. it is not recommended to write css code directly in web page files. the advantages of this are that it is easy to modify, and it is friendly to search engines, so those search engine crawlers can crawl easily.


margin and padding attributes
the margin and padding attributes can be simply understood as the outer margin and inner margin of the element:

margin-top, 
margin-right, 
margin-bottom, 
margin-left, 
padding-top, 
padding-right, 
padding-bottom and padding-left
Copy after login

the difference between class and id
to put it simply, an id name can only appear once in a page and class can appear multiple times. of course, if an id name appears twice in a page , it has no impact on the appearance of the opposite page, except that it does not comply with w3 specifications. single elements, or things that require program or js control, need to be defined with id; reused elements are defined with class.

the above is the difference between class and id, the difference between margin and padding, css study notes_experience exchange content, for more related content, please pay attention to the php chinese website (www.php.cn)!


Statement of this Website
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn

Hot AI Tools

Undresser.AI Undress

Undresser.AI Undress

AI-powered app for creating realistic nude photos

AI Clothes Remover

AI Clothes Remover

Online AI tool for removing clothes from photos.

Undress AI Tool

Undress AI Tool

Undress images for free

Clothoff.io

Clothoff.io

AI clothes remover

Video Face Swap

Video Face Swap

Swap faces in any video effortlessly with our completely free AI face swap tool!

Hot Tools

Notepad++7.3.1

Notepad++7.3.1

Easy-to-use and free code editor

SublimeText3 Chinese version

SublimeText3 Chinese version

Chinese version, very easy to use

Zend Studio 13.0.1

Zend Studio 13.0.1

Powerful PHP integrated development environment

Dreamweaver CS6

Dreamweaver CS6

Visual web development tools

SublimeText3 Mac version

SublimeText3 Mac version

God-level code editing software (SublimeText3)

Detailed explanation of CSS border properties: padding, margin and border Detailed explanation of CSS border properties: padding, margin and border Oct 21, 2023 am 11:07 AM

CSS border properties explained in detail: padding, margin and borderCSS is a style sheet language used to control and layout web page elements. In web design, the border attribute is one of the most important parts. This article will introduce in detail how to use the border attribute in CSS and provide specific code examples. padding The padding property is used to set the padding of an element, which is the space between the element's content and the element's borders. We can set padding using positive numbers or percentage values

What does margin mean in css What does margin mean in css Dec 18, 2023 am 10:30 AM

In CSS, margin is a property used to set the outer margins of an element. Margins are the space between an element's border and its content. Margin can accept the following values: 1. A single value: for example, margin: 10px; Set all four margins (top, right, bottom, left) to 10 pixels; 2. Two values: for example, margin : 10px 20px; Set the top and bottom margins to 10 pixels, and the left and right margins to 20 pixels; 3, four values, and so on.

Detailed explanation of CSS text layout properties: text-overflow and white-space Detailed explanation of CSS text layout properties: text-overflow and white-space Oct 20, 2023 am 11:19 AM

Detailed explanation of CSS text layout properties: text-overflow and white-space In web design, text layout is a very important link. Reasonable layout can make the text more readable and beautiful. CSS provides several properties to control how text is displayed, including text-overflow and white-space. This article will detail the usage and sample code of these two properties. 1. text-overflow attribute text

The margin attribute does not affect inline elements The margin attribute does not affect inline elements Feb 18, 2024 pm 04:36 PM

The effect of margin on inline elements is different from that of block-level elements. In inline elements, the margin attribute only affects the vertical top and bottom margins, not the horizontal left and right margins. For example, if there is a paragraph element in HTML, we can set some styles for it and observe the effect of the margin attribute on it. The HTML code looks like this:

How to use padding attribute in css How to use padding attribute in css Dec 07, 2023 pm 02:58 PM

In CSS, the padding property is used to set the padding of an element. This means it defines the space between the element's content and its border. The basic syntax is "padding: value;".

What does margin mean in html What does margin mean in html Sep 13, 2021 pm 04:26 PM

In HTML, margin means "margin", which refers to the blank area surrounding the border of an element; setting margins will create additional "blank" outside the element, allowing a "blank" distance between boxes. . To set margins, you need to use the css margin property, which accepts any length unit, percentage value, or even negative value.

Exploring CSS box model properties: padding, margin and border Exploring CSS box model properties: padding, margin and border Oct 20, 2023 pm 03:09 PM

Exploration of CSS box model properties: padding, margin and border The CSS box model is one of the important concepts in web page layout. In front-end development, understanding and correctly using padding, margin and border attributes is key. This article will delve into the usage and correlation of these three properties, and provide specific code examples. 1. Introduction to the box model The box model consists of four parts: content, padding, bo

What does css file margin mean? What does css file margin mean? Jan 30, 2023 am 09:34 AM

css file margin is a css attribute used to define the space around the element; margin represents the outer margin. You can change the top, bottom, left, and right margins of the element individually, or you can change all attributes at once; the margin attribute accepts any length unit, percentage values ​​or even negative values.

See all articles