Shulou(Shulou.com)06/01 Report--

Editor to share with you the basic use cases of CSS style, I believe that most people do not know much about it, so share this article for your reference, I hope you can learn a lot after reading this article, let's go to understand it!

1. Borders and dimensions

1. Frame and size: border, width, height.

2. Style values: solid solid line, none borderless line, double double line, etc.

2. Layout float, clear

1. The usual default typesetting method is to sort the elements in the page from top to bottom.

2. In actual development, if you need to typeset left and right, you need to use a floating selector.

3. Since the floating element no longer occupies the position of the original document stream, it will have an impact on the typesetting of other elements in the page. To avoid the impact, you need to use clear to clear.

3. Conversion:

1. HTML provides a wealth of tags, which are defined as different types.

2. Generally divided into: block label and inline label

3. Syntax: selector {display: attribute value}

①: block label

1. Block labels: appear as regional blocks

2. Each block label occupies one or more whole lines alone.

②: inline element

1. Inline elements: you don't have to start on a new line

2. at the same time, it does not force other elements to be displayed on a new line.

Attribute value of 4:display

1. Inline: this element will be displayed as an inline element (the default display attribute value for inline elements)

2. Block: this element will be displayed as a block element (the default display attribute value of the block element)

3. Inline-block: render the object as an inline object, but the content of the object as a block object

4. None: this element will be hidden, not displayed, and will not take up page space

5: font color, font-size

1. Used to set the color and size of the font

6: background color

1 、 background-color

The above is all the content of this article "basic use cases of CSS style". Thank you for reading! I believe we all have a certain understanding, hope to share the content to help you, if you want to learn more knowledge, welcome to follow the industry information channel!

Welcome to subscribe "Shulou Technology Information " to get latest news, interesting things and hot topics in the IT industry, and controls the hottest and latest Internet news, technology news and IT industry trends.