One, Display:none hidden block display
Visibility:hidden Hidden Visible Display
The values for both the Display:none and Visibility:hidden properties are hidden, but they are somewhat different from the hidden pair.
The difference between display and visibility is that the display hides the same element, and the visibility hides the position of the element, but the content is hidden.
Second, hover: is not a style, with the ID of the element or class, followed by a colon hover, representing the mouse on this element to show which styles
For example:
Third, overflow
Available values
value |
Description |
Visible |
The content is not clipped. It renders outside the element Content will not be omitted. will appear outside of the element |
Hidden |
The content is clipped, but the browser does does display a scroll-bar to see the rest of the content The content is omitted, but the browser does not display scrollbars to view the remaining content ( out of range hiding ) |
Scroll |
The content is clipped, and the browser displays a scroll-bar to see the rest of the content The content is omitted, but the browser displays a scroll bar to view the remaining content |
Auto |
If the content is clipped, the browser should display a Scroll-bar to see the rest of the content If the content is omitted, the browser will not display the scroll bar |
Four, Borer-radius (border fillet)
"Content-type"Content="text/html; Charset=utf-8"/><title> Untitled Document </title><style type="Text/css">#sub1 {width:200px; height:200px; Border-radius:15px; Background-color:#093}</style>"Parent"> <div id="sub1"></div></div></body>
Display of CSS, hover, overflow, © (copyright symbol), Borer-radius (border fillet)