Before I made the UI, I needed to use transparency. So Baidu found some methods to achieve the effect and did not go into details, however, during the last few days of the UI, we found that the opacity of the sub-nodes in the transparent layer is
I knew CSS style sheets a few years ago. Unfortunately, I have never had the chance to use them, so I didn't spend any time learning them. In the past few days, it took some time to modify the page style.
CSS is used to define the style of page
Less than IE6
* HTML {}
Less than IE 7*: First-Child + HTML {} * HTML {}
Only for IE 7*: First-Child + HTML {}
Only for IE 7 and modern browsersHTML> body {}
Only for modern browsers (not IE 7)HTML>/**/body {}
Latest versions of opera 9 or
The web page uses the UTF-8 encoding format, which is no problem, the problem is that the external CSS file defaults to ANSI encoding and is not saved as the UTF-8 format. You may find that this is not a problem in general. However, when a CSS file
The HTML of site. Master is:
first page
Management 1
Management 2
Management 3
Management 4
Management 5
Management 6
When referencing the site. Master page
Code This should be the case.
first page
That is, the page to jump
It is strange that there is only one piece of code. Copy the code to an HTML file and check its running effect. Then you can see the style. It feels great. However, I don't know if this attribute is supported by browsers of the latest version.
Summary of the priorities of CSS style definitions
The stack priority is:
Browser default
The style sheet has the following features:
Class selector
The derived selector is previously called the context selector, so the complete cascade
Under what circumstances should I disable static file Caching:1. js and CSS that may be changed frequently.For example, for an HTML file, test.html is in Version 1.0. This may be the case.V1.1 after modification:A new Foo. js file is added, and
Objective: To cache static files on the nginx server. Such as CSS, JS, htm, HTML, JPG, GIF, PNG, FLV, SwF, these files are not updated frequently. It is easy to cache to reduce the pressure on the server.Implementation: nginxproxy_cache can cache
Document directory
1. Use abbreviations
2. Avoid using hack
3. Use white space
4. Remove unnecessary structures (frameworks) and reset (resets)
5. Ensure that CSS can be maintained in the future.
6. Record your work
Summary
As a web
Document directory
Vertical center condition of the CSS:
The CSS vertical center method:
Compatibility:
Code:
Using XHTML + CSS to vertically center elements has always been a complicated and tricky problem in front-end development. As a web
1. High Resolution
IE: the actual height will be used when the content exceeds the height even if the height is defined based on the height change of the content, including the undefined height of the image content.
Firefox: when no height is
The CSDN Blog has been launched for a while. I believe everyone has their own Blog. Today, I saw a beautiful Blog. I learned from it. The results are not exclusive. I chose two beautiful ones for your reference.
// Customize the CSS selector for The
Common CSS layout methods:Float: none | left | right
Valid value:None: default value. Objects are not floatLeft: Right of the text flow objectRight: Left side of the text flow object
How does it work? Let's look at an example of one row and two
The Application of UL-LI label combined with CSS
In CSS layout, ul and li are very common. Use DIV and CSS to create a table-free layout.
In fact, Dreamweaver also has examples of built-in CSS layout, such:
LI code format:A) format the list with
In Appcan development, the first thing to do is the page layout, and then fill in the data on the page, and add the interactive elements to form a complete application.
Because appcan is developed using HTML5 + CSS3 + JavaScript technology, it is
Iframe is widely used. There are two common requirements:
1. To obtain the iframe effect, a scroll bar is provided, saving a lot of layout.2. embed a page to implement the Framework link.
If you cannot use iframe, you can use the following
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