How to set CSS for multiple DIVs in a web page

The class in each div is different. According to the value of the class in the div, it is in CSS. Example: CSS Section: .con1 .cont2 div section: body 1

In body 2, cont1 and cont2 are set respectively. Hope it helps.

Remember.

Then define the id classes test1, test2, and test3 in the css file

#test1｛..

#test2｛..

#test3｛..

1. If you define a CSS attribute for a global div, you can write it directly in CSS.

div{ width:300px

2. If you define CSS for different divs, you can set a different class or ID for the divs

Then define the cssdivtop{ width:400px of the class or id respectively

#top1{ width:500px

Use the selector, go up and search for the CSS element selector.

For example, then we set 1 and 2 separately in CSS, and the CSS file can be written like this1 .2

When using tags for web page layout, you generally need to use it in conjunction with CSS styles. CSS styles can be used to set the size, position, background color, border, and other properties of the element, allowing for a more flexible and precise layout.

Here are some commonly used CSS properties and tips for using tags:

display property: You can control how the display element is displayed by setting the display property to block, inline, or inline-block.

Position property: You can control how the Position element is positioned by setting the Position property to relative, absolute, or fixed.

Width and height attributes: You can control the width and height of an element by setting the width and height attributes.

Margin and padding properties: By setting the margin and padding properties, you can control the padding and padding of an element.

Border property: By setting the border property, you can set the border style, width, and color for the element.

CSS layout tips: such as using float attributes to suppress boredom for multi-column layout, flexbox for flexible layout, grid for grid layout, etc.

By combining tags and CSS styles, you can achieve a variety of complex web page layouts and designs.