ArticleDirectory
What is doctype?
What doctype should we choose?
Influence of doctype on CSS and JS
What is doctype?
Doctype is short for document type. It is used to describe the XHTML or html version you are using. The DTD
SeeArticle: Writing efficient CSS
1. Place CSS inCodePut stylesheets at the top)
I think the official explanation is a bit vague. This actually correspondsUser Access expectation. CSS is placed at the top, and the browser can parse and render HTML
For style name
If you only want IE6 to see it, use * html. head {color: #000 ;}If only IE7 is visible, use * + html. head {color: #000 ;}If only FF is visible, use: Root body. head {color: #000 ;}If only FF and IE8 are visible, use HTML>/**/body.
The blendtrans filter is simpler than the revealtrans filter introduced in the previous article. It has only one parameter: The duration conversion time, and has a single function, that is, it produces a fade-in effect, however, this effect is much
Test the new CSS.
Shield ie browsers (that is, they are not displayed under IE)*: Lang (zh) Select {Font: 12px! Important;}/* FF dedicated */Select: Empty {Font: 12px! Important;}/* safari visible */Here, select is the selector, which can be
BTN adaptive content size, which is no longer a new method. Many people will use it, and the effect is more practical.
Here we just put the following in https://addons.mozilla.org/CodeThe button is put forward for ease of use, and the image name
I took the time to write this article.ProgramThe function is to perfectly save the entire webpage, including: images, JS scripts, CSS styles, and modify the webpage source code for "localization ". Because I am from Mars, I don't even know that the
Now that you have mastered the theory, we start to apply it to practice. Today's Web is a media with rich visual effects. Simple image tags enable web designers to transform interesting documents into a rich graphic browsing experience. Graphic
From: http://www.yoyopo.cn/post/252/
CSS compatibility with browsers is sometimes a headache. Maybe when you understand the skills and principles, you will feel that it is not difficult to collect IE7 from the Internet, 6. Solve the problem of
If you are learning CSS at the beginning, it means you have a lotCodeOr the structure may need to be optimized. For example, you may have used classes too much, added unnecessary intervals, or empty rows. This will lead to code bloated, confusion,
Common CSS layout Methods
Float: None | left | right
Valid value:
None: default value. Objects are not float
Left: Right of the text flow object
Right: Left side of the text flow object
How does it work? Let's look at an example of one row
1. Position: static | no location
Position: static is the default value for positioning all elements. It is generally not required unless there is a need to cancel the inheritance of other Positioning
Example: # div-1 {
Position: static;
}
2.
Use CSS to implement dynamic prompts
Can I implement information prompting without JS ?! (Except title and ALT)
by [51js.com] zdzhuo
ie5.5 +, opera7.0, netscap7.0, and mozilla1.4 can all be used properly
This is the prompt message
Basic knowledge:
1. Length Unit
In CSS, there are two types of length units: absolute length unit and relative length unit.
Absolute length unit
The absolute length is measured in (INCHES), CM (centimeters), mm (millimeters), Pt
JQuery providescss()Embedded methods to change the element style,css()Methods are diverse in use. Either of them accepts two input parameters: style attributes and style values, separated by commas. For example, to change the link color, we can use
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