I. Description
Sets the style of an element when it is activated by the user (an event that occurs between mouse clicks and releases).
IE7 and earlier browsers only support the A-element: active, which supports other elements from IE8:
negative margin (negative Margins)
This is perhaps the most popular way to use it today. If the size of the block element is known, you can center the content block in the container display in the following ways:
Outside margin margin to take
CSS image is centered horizontally
Using margin:0 Auto to center the image is to add a CSS style to the image margin:0 auto as follows:
Use the horizontal Center property of text Text-align:center
CSS image vertically centered
Use high = = line
1. Class is the classes that set the label, and the class property is used to specify which style the element belongs to.
such as style sheets can be added to. content1 {color:red; background: #ff80c0} usage: class= "Content1".
ID is the identity
First,
Center Horizontally
, the simplest way is, of course.
margin:0 Auto;
That is, the Margin-left and Margin-right properties are set to auto to achieve a horizontal center effect.
So what's the other way?
Line-height
First introduce the
Now is the mouse moved to the menu, the background color changes, the mouse to move or click Back to return to the primary color, now is how to achieve a click on the background is the mouse to the background of the menu, and click on another menu
in general, the background image of the navigation menu is more regular, but usually we also encounter a lot of background image shape irregular navigation bar (for example, but when the mouse moved, the background image is irregular, this example
Tag Description:
The numbers are labeled as doubtful places.
Try to give an English translation behind a proprietary name, because the official documents are basically English and may be ambiguous after each reader's translation.
Overview:
in CSS, if a border line has a width of n pixels, it can be set to n different colors.
In the code, we can define a solid line with a width of 7px: border:7px solid #C8C8C8; (do not care about the color set here, in Firefox later in the code will
You can refer to my code below:
xxx:{ border:5px solid rgba (xxx, xxx, xxx, 0.5)}
One of the first xxx is the element you choose to need translucentThe next xxx is the color you want to translucentSet the transparency to 0.5 to be
DIV CSS cannot display background color problem analysis Solution DIVCSS5 Experience Tutorial
Div CSS Novice Layout will encounter the layout of the background color can not be displayed, the general layout background can not be displayed the usual
margin overlap
Excerpt from the css2.1 specification Chinese version
In CSS, adjacent margin of two or more boxes (possibly but not necessarily brothers) is combined into a margin. Margin is called overlapping in this way (collapse), the resulting
This pure CSS3 beautification radio button Radio method is suitable for the following situations:
1, can be compatible with IE9 above, need to be compatible with IE8 to write IE hack to remove the style
2, only support radio button radio, because
The CSS animation properties trigger the Reflow relayout of the entire page, redraw the repaint, and reorganize the Recomposite
Paint is typically the most expensive of its kind, avoiding the use of CSS animation properties that trigger paint,
Voice-family Property
#sidebar { width:200px; padding:10px; border:10px solid black;}
The width is set at 200px, the padding is 10px, the border is 10px, but when you browse the page in a previous browser in window IE5.5, the width is less
This article mainly introduces the CSS3 Carousel, Small series feel very good, and now share to everyone, but also for everyone to do a reference. Let's take a look at it with a little knitting.
1, perspective
The Perspective property includes two
CSS deep understanding of Study Notes-z-index and cssz-index
1. z-index Basics
Z-index: Specifies the "z sequence" of the element and its child elements, while "z sequence" can determine the element overwrite sequence. The larger the z-index value,
CSS: a deep understanding of the relative and cssrelative of Study Notes
1. Relationship between relative and absolute
Restrictions: ① restrict left/top/right/bottom positioning; ② restrict the z-index level; ③ restrict the arrogance under
DIV + CSS layout-fixed page opening layout, divcss
Main CSS attributes in DIV + CSS layout:
Float:
The Float attribute is the most basic and commonly used attribute in DIV + CSS layout. It is used to implement the multi-column function. We know
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