This article mainly introduces the selection of CSS in the summary and efficiency comparison, including pseudo-class selectors and pseudo-element selectors, the need for friends can refer to the following
As we all know, CSS is additive (the same
first, unit and value
1.1 Color valuesThe color settings in a Web page are very important, with font color (color), background color (background-color), border color (border), and so on, there are many ways to set colors:1, English command
CSS3 can do animation everyone is certainly familiar with, but we have wood has cleverly used this function to make a beautiful photo wall it?
So today we will use the CSS3 animation feature to make beautiful photo wall together!
First part: HTML
This article mainly introduces the front-end development of the CSS principle of the detailed description of the relevant information, the need for friends can refer to the following
CSS principles of front-end development
Web front-end developers
This is a series of additions to the basics of HTML5, and the others are:
First, html5--new structural elements
Ii. html5--figure, time, details, Mark
Third, html5--details ingenious
Iv. changes in existing elements of html5--
We should all know how to use
text-overflow:ellipsisproperty to implement a single-line text overflow display ellipsis (...). Of course, some browsers also need to add width
widthProperty.
CSS code:
Common text styles are as follows:
text text Styles titlethis is a tesT Text,this is a test text,this was a test textthis is a test text,this was a test text,this is a Test textthis is a test text,this was a test text,this is a test
This article describes a summary of using the asterisk (*) wildcard character in CSS sparingly
The use of wildcards is mentioned in the article on CSS3 (if you are interested in using selectors in CSS3, refer to the attribute selector in the
Border is the most commonly used to make a variety of P-border CSS properties, here we have organized the use of CSS border properties of the method to build the deformation border summary, the most important is based on some of the Triangle
In CSS coding, it is necessary to estimate colors and units, however, there are many ways to write about color and unit values in CSS, so it is important to make it clear.
Color
When I was in front of the beginner, there was a question "How do I
This article mainly describes the CSS elements in the center layout of the simple method, the introduction of embedded elements and block elements and in-line block three cases, the need for friends can refer to the following
First we need to know
This article is only familiar with the use of basic attributes, and complete a set of dice each side of the production. In the following I will not involve flexbox some of the more difficult issues, such as the old version of the syntax, vendor
Four ways to add a CSS style sheet to a Web page, you can choose the way you like it, depending on your needs.
First, use the Style property: Add the style attribute directly to the individual component label.For example:The advantage of this usage
Speaking of CSS color, compared to everyone is not unfamiliar, this is my personal CSS color system of a systematic summary and learning, share to everyone.
First, use a graph to intuitively feel what the CSS color relates to what is probably
The flex layout in CSS3 and the before pseudo elements are used to achieve vertical centering is really too convenient and elegant, here we summarize the new features of CSS3 to summarize the vertical center of the implementation of the method to
For the implementation of some of the special styles that I have encountered before, I will summarize today with two purposes: one is to record these methods so that they can be used in the future. The second is to carry out the crystallization of
Responsive Layout
Responsive layout in the face of different resolutions of the device flexibility, in peacetime web design is basically to use the responsive layout design, it gives us a good user browsing page, can bring us a better customer
The following small series for everyone to bring a recommended CSS horizontally centered various methods of summary. Small series feel very good, now share to everyone, also for everyone to make a reference. Let's take a look at it with a little
The following small series for everyone to bring a flexbox to make CSS layout to achieve horizontal vertical center of a simple instance. Small series feel very good, now share to everyone, also for everyone to make a reference. Let's take a look at
Center button, center button
When writing a page today, we found that text-align = "center" was written on the css page when the button was set to "center", but it didn't work, and the display attribute didn't work either, I tried to add a div to
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.