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
Browsers have different sizes on different devices, and even on the same device, users will change the browser size. We hope the layout can better adapt to the Browser display area size, CSS device adaptation can be used for testing on ie10.
First,
The dynamic loading of CSS is used today, but the following dynamic calling cannot be correctly loaded in IE. Of course, it is normal in Firefox and chrome.
$(function(){ var linkTmp = $(''); linkTmp.attr({
Recently, when using the bordercolorlight/bordercolordar attribute of table, idea always prompts that my attribute is invalid and it is uncomfortable. No way. We recommend that you stop using these two attributes even on msdn. However, what if CSS
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
Http://lzy83925.iteye.com/blog/1186609
How to intercept URLs such as *. do in your dispatcherservlet does not cause access to static resources. If your dispatcherservlet intercepts "/", intercepts all requests, and accesses to *. js and *. jpg are
If you have used twitter, you may have noticed that when the input box gets the focus, its border will be blue-colored, and the transition attribute is used here, this makes the luminous effect have a smooth transition. This tutorial describes how
For Internet Explorer, which has an absolute market share, the browser's support for CSS lags behind the development of CSS. for Internet Explorer, the full support for CSS 8th was only just completed in the 2.1 versions released recently, the
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
In the past two days, I have made a deep research on css and realized the strength of css. because I am not an artist, I am mainly exploring the principles and some common CSS.
Default CSS Value
EmThe unit of relative length. The font size
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
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
1. Reset
Photo by redux
True,Always use a resetWhether using Eric Meyer Reset or YUIReset, or your own custom reset, must be used.
This can simply remove the margin and padding attributes of all elements:
html, body, div, h1, h2, h3, h4, h5, h6, ul,
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