--------------Plain Text version-------------------------------------------------new words Today (more Property view manual)form: Forms (This will be used to enclose the submission) Action: Actions ( Path of submission )method: Methods ( submitted
This article mainly introduces the CSS3 implementation of any image Lowpoly animation effect instance, which is a combination of CSS3 animation properties of Lowpoly (low-poly style) effect, the main use of CSS3 transform properties of rotate
Let's introduce the definition and usage of animation.
The animation property is a shorthand property for setting six animation properties:
Animation-name animation-duration animation-timing-function animation-delay
RGBA
Background:rgba (0, 118, 160,. 25);
The first three values are RGB color values, the last value is the horizontal transparency (0 = transparent, 1 = opaque).
RBGA can be applied to any color-related attributes such as font color, border color,
This article introduces you to a global css-global.css, the small partners who want to know can look at all of a sudden
@charset "Utf-8";/* =reset default browser CSS. Based on work by Eric meyer:http://meyerweb.com/eric/tools/css/reset/ index.html-
Previous words
Justification is very common in the production of navigation Nav. This article will detail 3 ways to implement CSS justification
Flex
Flexible box model Flex, as a powerful, resilient layout, can hold most of the layout effects,
problem-solving does not consider compatibility, the topic of unrestrained, think of what to say, if you feel the problem in the CSS properties of the rare, hurriedly to cram it.
Constantly updated, constantly updated, constantly updated,
solve the problem without regard to compatibility, the topic of unrestrained, think of what to say, if there is a problem you feel the unusual CSSProperty
, hurry up and cram it.
Constantly updated, constantly updated, constantly updated,
solve the problem without regard to compatibility, the topic of unrestrained, think of what to say, if there is a problem you feel the unusual CSSProperty
, hurry up and cram it.
Constantly updated, constantly updated, constantly updated,
According to Canisue (http://caniuse.com/#search =box-shadow), Box-shadow compatibility is as shown:
Test code:
IE8 Browser Effect:
Border-radius in IE8 browser compatibility
Added properties that enable multi-column layouts in CSS3
The implementation before this is cumbersome and may require a variety of positioningNow all we need is an attribute to implementMulti-column layouts are similar to our newspaper layoutsThis
1. style sheet Cascading Style Sheet
CSS Benefits:
Separation of content from performance
Web page performance is unified, easy to modify
Rich styling to make Web page layouts more flexible
Reduce the amount of Web page code,
With the constant emphasis on the semantic importance of separating HTML elements and their performance, CSS plays an increasingly important role in the layout of HTML5 elements.
1. Positioning content
The simplest way to control content is through
Preface: This is the author's understanding and finishing after learning. If there are errors or questions, please correct me, I will continue to update!
Selector weights
If the selector weight is represented by a 4-digit number, then:
The
CSS is not difficult to learn, but in large projects, it becomes difficult to manage, especially the different people in the CSS writing style slightly different, the team is more difficult to communicate, to summarize some how to achieve efficient
This article has compiled the common CSS file naming conventions, CSS style ID naming conventions and the common Chinese and English controls in their websites.
One, style file naming specification
The main master.cssLayout, Layout layout.cssColumn
In the front-end production process will find that some text/image links, or some input control, when clicked will appear around the dotted border, generally in Firefox and IE browser appear dotted box, Google will not have.
These dashed borders
The complaints about IE, especially IE6, have been paralyzed, and occasionally even a very negative idea: the world has only one browser, even if the only browser is IE6. Of course, such an idea is very morbid, immediately dismissed. In this article,
What I was saying was that both can implement the hidden element, but the element is set to Display:none, and then the document flow space occupied before the element is canceled, but Visibility:hidden, so that the element will still occupy space
The main pseudo elements in CSS are four: Before/after/first-letter/first-line, in the before/after pseudo-element selector, there is a content property that enables the insertion of the contents of the page.
Insert Plain Text
Content: "Inserted
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