[note] Today because you see the front-end of the JS page and HTML page, feel the need to familiarize themselves with their basic grammar, so spent a day to review to consolidate a bit (previously studied), including HTML syntax, CSS syntax,
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
"CSS3 Classic Tutorial Series" In the previous article to introduce you in detail
Text-shadowThe use of the Text Shadow feature, today this article we are together to see
CSS3The specific usage of the Gradient property that implements the gradient
CSS background This refers to setting the background properties of the object through CSS, such as the various styles of setting the background through CSS in a Web page.
CSS Background background: Sets the solid color background. Background
This article mainly introduces the use of pure CSS to achieve pie-like loading wait graph effect, with a certain reference value, interested in small partners can refer to
Write in front
Before encountering a small exercise, is to use pure CSS3 to
CSS2.1 has been published for more than 7 years now. The appearance of CSS3 is to enhance the function of CSS2.1, reduce the number of pictures and solve the special effects on the HTML page.
Currently, CSS3 technologies are best suited for use in
Directory
padding
padding
Background and border the first part
Background and Border Part II
Shape
Visual effects
Font typography
User Experience
Structure and layout
Transitions and animations
SOURCE download
One,
Today we mainly discuss the following CSS3 shadow use method Introduction, the following small series for everyone to bring you to master the CSS3 Shadow tips (small series recommended). Small series feel very good, now share to everyone, also for
pseudo-classes and pseudo-elements are independent of the document structure. The way they get the elements is not based on the element characteristics of the ID, class, attribute, but on the element that is in a special state (pseudo-Class), or the
It's a cliché that CSS is compatible with every browser, and the tutorials on the web are everywhere.
The following content is not too many novel, purely personal summary, hoping to have some help for beginners.
First, CSS HACK
The following two
Self-taught to do a self-consciously simple look at the navigation bar of the small style, with some CSS3 properties. Very simple to look at a navigation bar, like friends can look.
First on the code HTML :
hahaha roar Hey hehe Quack -->
CSS
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 the CSS3 properties to implement animations with musical figures, without using JS code at all:
Note: The Chrome browser works best with the final effect static diagram:
The HTML code is as follows:
Practice a villain's animation
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.
I'm learning recently.
HTML5Series of courses, so the course covers a lot of content, although the content is very simple and easy to understand, but very difficult to remember, such as
CSS3Some of the properties. What we're going to introduce today.
The notation for multi-class selectors. For example:
#my. c1.c2 {color:red;}. c1.c2 {color:red;}
These are supported by browsers such as Ie7+/ff/opera/safari.
In IE6, however, the latter class name overrides the previous class name, that is, the
Brief tutorials
This is a tabs option made with pure CSS3 Carter effect. The Tabs tab is simple and stylish, with an underscore followed by an animation when switching between tabs, and the overall effect is very good.
HTML structure
The HTML
CSS 3 flashes to the right and CSS 3 flashes to the right.
1 2 3 4 5 34 35 36 text flashing to the right 37 38
1. directly add the code! Here is:
2. It is easy and convenient to use CSS3 for this white gradient flash effect. The only bad
The "Front" side has a pitfall and detour (1) -- H5 + CSS, h5css
1. No line breaks for numbers and English;
Scenario: I tested the applet yesterday. I entered English and there was no line break. There was a horizontal scroll bar below it;
Css implements two-column layout, one fixed width, one adaptive width, and two css columns.
Whether it is left or right, the width of one side is fixed, and the width of one side is adaptive.
Many topics in the blog Park are also designed in this
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.