A little note on CSS knowledge points

Source: Internet
Author: User

Responsive layout

<meta name= "viewport" content= "width=device-widh,initial-scale=1" > /* **width=device-widh: Page width defaults to screen width initial-scale=1: The initial size of the Web page occupies the screen area 100%** */ @media only screen and (min-width:640px) {} @media only screen and(min-width:600px) and (max-width:1024px){}

Open the Web site in a new window.

target= "_block"  

iphone Clear button Style

Appearance:none;
-webkit-appearance:none;

Blur background image

Filter:blur (15px);

Multi-line text display ellipsis

Overflow:hidden; text-overflow:ellipsis;    Overflow display ellipsis
White-space:nowrap; Text normal display -webkit-line-clamp:2; Compatible with poor -webkit-box-orient:vertical;
Display:-webkit-box;

Border Style related content

border:0; Clear Border Properties

Input related content

The height of the input box will automatically center the contents of the inside
H5 form Default display text
Placeholder= "description"

Read-only

CSS Height correlation

Can't remember where to see such a word, CSS can be set max-height,max-width do not set the Height,widthcss height setting is not valid, it is possible that it set the maximum height

CSS text related

Text-decoration:underline; Set Text underline

CSS positioning related

Keep the width of the document in the positioning, you can set width=100% or max-width, in some cases do not set left or right value

Write different styles for IE

CSS3 part

/**//**//**/ /**/

  

  

A little note on CSS knowledge points

Related Article

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.