In Web page development, we for the entire page aesthetics, as well as the user experience, we will often use the CSS center, in the Web page it can be the picture or text in a different way to show the center, then how these different center way to
1. Grammar
2. Parameters
First parameter: Specifies the gradient direction, which can be expressed by the keyword "angle" or "English":
When the first parameter is omitted, the default is "180deg", which is equivalent to "to bottom".
The
In the computer application, the drop-down is a form of the menu. When the user selects an option, the menu extends down another menu with other options. The drop-down menu is typically used to place some functions with the same classification in
This article mainly introduces the CSS to achieve transparent background image and text opacity effect of two methods, the need for friends can refer to the next
Summary:
Method One (frosted glass effect): Background image + Pseudo class +
CSS implementations and selectors
Contents of this lesson:
One, the implementation of CSS four ways
1, each HTML tag has a style style property with the value of the CSS code. (for one label)2, the way you use the style label . are generally defined
The following small series for everyone to bring an analysis of the CSS to achieve horizontal vertical and center 5 kinds of ideas. Small series feel very good, now share to everyone, also give us a reference, follow the small series come and see it
With CSS3, you can animate Web page elements with styles without using JavaScript and flash, making your site even more cool.
CSS3 Transition
The over-animation (Trainsition) property allows for the excessive styling of elements, trainsition
Floating
1. What is floating
Floating occurs when the attributes of an element are float not none .
float
. float { float:left; width:100px; height:100px; Background-color: #ddd;}
2. Impact of floats
Floating causes the element to flow away
CSS3 allows us to use a custom font
And some nice text effects too.
Custom Fonts
Using custom fonts requires the use of @font-face rulesFirst of all, you have to have a custom text file.
payen s.tsung
@font-face { font-family:mydiyfont;/* Custom
This article mainly introduces the use of CSS3 pseudo-elements to achieve a gradual glow of the box border of the relevant data, the text gives a detailed sample code for everyone to reference the study, for everyone has a certain reference learning
Use our CSS3 to implement responsive layouts
Just the elastic box is not enoughThe CSS3 also expands the media properties, adding a module functionMedia Queries query function
Media Query Introduction
With the rapid popularization of mobile
Discard those useless methods, only remember the most practical one way!
Add a class attribute to the parent element to clear the float: clearfix!!!
The styles are as follows:
. clearfix:after{Content:
This paper summarizes 30 CSS3 selectors, 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.
Perhaps all the selectors that people usually use are: #id.
For the CSS3 of the gradient front of the children's shoes must not be unfamiliar, in some e-commerce website will be to beautify the address choice to make an envelope style (personal feeling very porridge ~), looked at its implementation, most of
Key to compatibility processing
1. DOCTYPE affects CSS processing
2, FF: Set padding, div will increase height and width, but IE will not, it is necessary to use!important to set a height and width
3, FF: Support!important, IE is ignored, can
The margin property can determine the wide height of many HTML elements, so it can also play an important role in layout, so let's take a look at the use of the margin property of CSS in the page layout. Introduction
Basis
1. Element containing-box
HTML + css compatibility with ie (1): css compatibility
1. When the sidebar is created, the elements in li are floating. The gap between the elements in li and ie6/7 is 4px:
Solution: add the vertical-align attribute to li. The value can be top,
For mobile web terminals, you need to know the application of devicePixelRatio in terms of devicepixelratio and devicePixelRatio.
What we are talking about heredevicePixelRatioActually, it referswindow.devicePixelRatioSupported by all WebKit
[Switch] Introduction to rendering principles of browsers and introduction to rendering principles
How Browsers Work this article detailed a lot of browser details, but also has a Chinese translation version. Now, the reposted article is written by
Css3 text and font styles and css3 text font styles
Css3 uses the server Font:
Use server-side fonts This is a test p
Css3 changes the font type and keeps the font size unchanged:
CSS3 changes the font type and keeps the font size
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