Display of CSS, hover, overflow, &copy (copyright symbol), Borer-radius (border fillet)

Source: Internet
Author: User

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, &copy (copyright symbol), Borer-radius (border fillet)

Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.