This is a new CSS feature that can not be understood and learned in the 2017, it is very practical, considering the complexity of the real-world browser, this feature should be preceded by other new features.
We already know that using media query
1. Read through the following
W3cschoolOn the introduction: CSS3 box-sizing Property _w3cschool.
2. Look at the introduction of understanding is not deep enough, I belong to just read the blink of an eye can forget people. For your own worry, or
Remove the blue when a tag is clicked on the mobile side
-webkit-tap-highlight-color:rgba (255, 255, 255, 0);-webkit-user-select:none;-moz-user-focus:none;-moz-user-select : none;
Second, when using the image as a tag click button, when the
First Note: The use of selectors (tag, class, id)
The ID (#) in three selectors has the highest priority, and the unique element is filtered according to the ID name;
Enter as follows:
#menu {width:1200px; height:45px; background: #90F}
Second,
1.
Elements of
Margin-top, Margin-bottom, and Padding-top, Padding-bottom use percentages as units, which are relative to the width of the parent element, rather than the height we imagined;
4.2 When a child element is a non-absolutely
Here is a brief introduction to the CSS in a more important!important attribute, from the author's practice summed up the following two points:
1. It is used to solve the situation that IE has deviation from some CSS specifications.
For example, in
Avoid using @import
Using @import in an external CSS file causes the page to add additional latency when loading.
A CSS file First.css contains the following content: @import URL ("Second.css"). The browser first downloads, parses and executes FIRST.
Do you know that CSS is commonly used for optimization? Below we will give you a detailed introduction of it! We have accumulated some experience, here to share with you, please correct each other.
I. Using CSS Abbreviations
Using abbreviations can
Your CSS in the Behavior property of the syntax is familiar, here to you briefly describe, in the CSS page layout, when we encounter the refresh to keep the contents of the form, CSS in the behavior for us to solve the problem well.
This article
Only-child Selector
The selector :only-child selects only one child element in the parent element, and only one child element. That is, there is only one child element in the parent element of the matching element, and it is a unique child element .
One, background picture and insert Picture
40- The difference between the CSS background picture and the inserted picture .html I am a text I am text
Second, the use of sprite pictures
42- CSS Sprite
One, the Web page production Technique example solves: uses the CSS to control the picture adaptive size
Picture Auto-fit size is a very common function, in the production time in order to prevent the picture to open the container and the size of
Definition of Vertical-align
Definition of vertical-align on a world-class basis: The Vertical-align property sets the vertical alignment of the element. This property defines the vertical alignment of the baseline of the element within the row
Default style for drop-down list:
Here are two ways to customize a drop-down list:
Method One:
Customize the style of the drop-down list with a pure CSS.
Principle: Clears the Default drop-down list style, customizes the style, and attaches a
A beautiful navigation, can give the site a finishing touch role. Navigation in the guidance of users to search for content, but also to change the mood of users to browse the site, browse the site is like a trip, the creative navigation bar for
When the element gets focus, the focus frame is 0.
For example, the current page, you use the TAB key to switch, text links, search boxes, buttons, and so on the outside there will be a dashed box (or highlight box), the current element has been the
I. Summary of CSS layout for horizontal columns, css layout for horizontal Columns
I. Use float to implement Horizontal Column Layout
As shown below: Both DIV1 and DIV2 can choose to float 50% left or right to display the same row.
Div1
Basic HTML knowledge (to be continued), basic knowledge to be continued
I. HTML editing tool: Sublime Text
2. HTML Entity characters: 1. (Space): & nbsp; 2. () & gt; 4. (&) & amp; 5. (") & quot; and so on
3. Basic HTML Tag:
Annotation MARK:
Line
Several common methods for clearing floating, and several methods for clearing floating1. Parent div defines pseudo classes: after and zoom
Left Right div2
Principle: IE8 or above is supported by non-IE browsers: after. The principle is
Ajax summary and ajax learning Summary
In normal development projects, it is inevitable that you have access to the front-end knowledge and need to write interfaces. Sometimes, ajax in js spans requests and summarizes the ajax writing method.
Before
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