ArticleDirectory
Semantic vs. structured CSS class naming
Some Suggestions on semantics:
Example of semantic mode in three-column layout
Semantic vs. structured CSS class naming
In general, the semantic declaration of CSS class
Min-width is a very convenient CSS command, which can specify that the element is at least or less than a certain width, so as to ensure correct layout. However, ie does not recognize it, so if you use IE to scale down the window width of the blog
Summary of common skills in CSS Development
Benefits of using CSS abbreviations
Using abbreviations can help reduce the size of your CSS file and make it easier to read.
Specify the unit unless the value is 0 and the difference between PX and
when using Div + CSS layout one of the common problems we face is that the packaging container does not expand to the height of floating elements of sub-elements. you can use the overflow attribute to solve this problem? This is not a new CSS
CSS settings do not change rows:
Overflow: hidden hideWhite-space: normal defaultPre line breaks and other blank characters will be protectedNowrap forces all text to be displayed in the same row until the text ends or encounters a br object======
Document directory
Reference Links:
Before we start, let's understand several concepts. The following is a piece of CSS code:
a { border-bottom: 0px; color: #5DB0E6; } a:focus { outline: 1px dotted #eee;
It is difficult to fix the header with pure CSS. First, IE6, which occupies the largest market share, does not support position: fixed. Another is that people want to achieve this effect in a table if they want to break their headers. However, the
IE7:
Code highlighting produced by Actipro CodeHighlighter (freeware)http://www.CodeHighlighter.com/-->Transitional. dtd ">
aa The clear floating element is a placeholder for the div -->
456
FireFox/IE8
Code highlighting
Note: This article mainly references Stoyan Stefanov's article "When is a stylesheet really loaded?"
In the previous article "dynamic loading of CSS files", we mentioned how to detect whether to load CSS files dynamically.Complete. Note that loading
Recently I have been writing a lot of CSS files, and I found many problems after writing them, especially browser compatibility issues. Now I will write down what I learned and some summary.
1. What is CSS?
The abbreviation of
Blog transfer: http://iyf.cc/archives/53
I did not find a suitable tool on the Internet. I wrote one myself. The program uses YUI Compressor as the compression engine, and the most important thing is to directly support project operations,
To
Files have been updated to the site, but client access is still not updated, mainly for various static files.
The gateway proxy server has a high possibility of caching. Check the reason first.
The proxy server cache also has some other performance.
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 compatibility with Fireofx and sort it out.
Modern Web design and development focus more and more on browser compatibility. The release of each new version of IE is a major step forward in the standardization of CSS. At the same time, it is inevitable that there will be compatibility issues
Due to the lack of standard support for IE browsers, Web development often needs to handle browser compatibility issues. This is especially confusing, start with three methods to insert CSS:
External Style (External Style Sheet)
When a style needs
Preface
Have you ever considered speeding up HTML and CSS coding? Whether you have thought about it or not, read this article and you will learn a lot from it. We will not discuss the CSS grid framework or CSS Reset. In this article, we focus on the
BluePen is a powerful style editing tool that can be easily installed on a dynamic website. Once you have installed it, you can modify the style sheet anytime and anywhere. All modifications will be updated to your browser in real time (but not an
Conditioniz is a fast, lightweight (3 kb) JavaScript tool that detects browsers and resolutions and loads JavaScript and CSS files with conditions. Conditioniz rebuilt from its jQuery predecessor, and now it is 50% faster. The script and style
-Prefix-freeIs a JavaScript tool library used to help you get rid of CSS prefixes. The CSS code you write does not need to fill in the browser prefix. When necessary,-prefix-free will help you automatically add the prefix required by the current
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