Error pages are often overlooked by many designers, as they are rarely seen, or at least as planned (if they are often seen to be big). But we all know that this is going to happen. Visitors may either enter the wrong URL or try to find something
The goal of design: design is to better convey the message. The "Better" one includes: more beautiful, more efficient, more elegant ...
This is the consensus we have received after repeated discussions.
Only such a consensus is not enough. Because
Original published in Mr.think blog: http://mrthink.net/css-common-summary/
Some of the techniques and problem-solving methods commonly used in the front-end development are often updated, hoping to help the friends on the front end.
1, the
interpreted as "browser in browser" is appropriate
a floating frame or container for setting text or graphics.BORDERSet the edge width around the frameFrameboderSet whether the border is 3 D (0= no, 1 = yes)
Height,widthWidth and height of the
CSS selectors are the basis for building CSS. When styling a large, complex, nested (x) HTML document, it is likely that a problem with duplicate definitions of the same elements in different structures is a problem that is also a relative headache
When should use margin
You need to add white space to the outer side of the border.
When no background (color) is required in the blank space.
The gap between the two boxes connected up and down needs to be offset each other. such as 15px + 20px
In general, we can use the background image to add shadows to the picture, but for the image of the fixed size how to achieve it?
We can take the "visual Deception Dafa"--Define a gradient border to achieve
Code:
"text left, middle, right"
How to use: To be honest, we have just learned the segmented label plus some simple attribute settings, you can put the entire text paragraph left, in place or right, as shown in the following table:
Tag commentary:
"Text font setting"
How to use: Text
Tag narration: The page can also use the font Oh! The only limit is: the other side should also have the font! otherwise see still is the song body. In addition, this label is not guaranteed in every browser
A label of the Pseudo class is only a combination of different action sequence, the trigger sequence of action determines the order of the pseudo class must be lvha to write, next for you to introduce the details, interested friends may wish to
In the HTML there are a few easy to forget the special attributes tag, here is a detailed description of these attributes in the use of various browsers, in order to achieve better compatibility, suggest that the Web people take time to see
The
1.
2.
3.
4.
5.
6.
We talked about the basic tags of HTML documents in the previous tutorial, but we don't yet know how to display text in a browser, which is what we're going to talk about in tutorial two. Before we study, we must emphasize
Used to paint with canvas, are directly in the canvas tag directly written on the wide, no problem, but also did not explore why wide Gaoyao directly written in the canvas tag, because the various data examples are written. Today, Sir Wang raised a
In the of an HTML page, you can add a tag using code like the following:The code is as follows:
Your Browser does not support HTML5.
For canvas, the following wording is not allowed:
The code is as follows:
Let's take a look at what this
HTML5 get the coordinate code as follows:The code is as follows:
After testing, in IE9, Firefox, Chrome, opera can be successfully obtained to coordinate position, but Safari 5.x cannot return coordinates, temporarily wood has
1. Get video time lengthThe length of time to use the Onloadedmetadata event to get the video after the video has been loaded in.The code is as follows:
Video.onloadedmetadata = function () {
var vlength = video.duration;
Console.log (vlength);
}
2,
HTML5 's grammatical change mainly manifests in the label no longer distinguishes the case, the element may omit the end tag, allows to omit the attribute value the attribute and so on, the interest friend may refer to, hoped for everybody
The effect chart is as follows:
1. Draw a 233*172 rounded rectangle and fill the #400000-#999999 linear gradient, and then set its parameters as shown:
2. Add a filter to the rectangle drawn in the first step, as follows.
Using meteorite background to build a flying fire
1. Overall styling
A. Circle, copy a standby
B. The pen tool hooks the tail shape
C. Select two vector graphics, modify-> combination path-> Union
2. Fuzzy processing and color
Send this article, not hope that we look at this article to do this effect, but hope to give you some inspiration. Don't want to call this a tutorial, I just share some of my feelings with you, maybe you can find out what you need superimposed on
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