Posted in CSS + XHTML on 06/08/2009 12:32:57 | reprinted Please note: from Cui Kai's blog
The Forum mentioned the following question: "What are the advantages of CSS technology that uses a background image as a page ?"
Briefly introduces the
ArticleDirectory
Static
Fixed
Relative
Absolute
Clip
Z-Index
The position attribute is used for element locating on the webpage. Available position values include:Static
Default value. The element is not located and appears in the
Date: 2013-4-26 Source: gbin1.com
Related reading:
Simple demonstration using flexbox Layout
HTML5 and css3 provide network developers with new syntax tags, local animation tools, server-side fonts, and other new features. These are not the
Background-repeat: indicates whether or not the background image is repeated and the repeat method. There are four attribute values: No-repeat, repeat, repeat-X, and repeat-y.
No-repeat: displays only a single background image regardless of the
Some people say that the XHTML webpage is a structured webpage that encapsulates content information through Div like a box. In a visible structure, each element is displayed as a two-dimensional plane. The diagram is as follows:
CSS 2D
/* CSS styles supported by Google's browser kernel */@ Media screen and (-WebKit-Min-device-pixel-ratio: 0 ){
Style
}
/* CSS styles specially recognized for IE6 */* Html. searchbox{
Style
}
The CSS method for the Firefox
ArticleDirectory
Modifier Selector
However
More efficient CSS selectors
Efficient CSS is no longer a new topic, nor a topic that I have to repeat, but it is a topic that I have always followed after working at Sky.
Many
Recently, I was conducting some performance tests on CSS styles. Some of my friends asked me: Why don't you use IDS as some specific content on the page?
It is difficult to answer this question for the following reasons:
This element on
When the text is matched with the image, it is found that the image is closer to the text. The original default situation is that the image is aligned at the top and the bottom of the text. By setting the CSS attribute, the image and the text can be
FAQs about compatibility with IE6 IE7 FF in Div + CSS layoutGeneral use of all browsers (IE6 IE7 FF mainly used in the market)Height: 100px;Dedicated for IE6
_ Height: 100px; dedicated for IE6
* Height: 100px; dedicated for IE7
* + Height: 100px;
WAP2.0 exclusive CSS: WCSS is also called wap css/wireless profile CSS (WAP Cascading Style Sheet) is a subset of css2 + Some WAP-specific extensionsPurpose: To define the style and layout of a document and separate it from the document
CSS controls the Print Style
This is the code for importing external CSS files, and the sample application is in the preview mode. The print.css file used by this Code does not work when the webpage is browsed normally. It will be used only
CSS
Js get attributes
Code highlighting produced by Actipro CodeHighlighter (freeware)http://www.CodeHighlighter.com/-->Document. getElementById (id). currentStyle. Attribute;
Modify attributes in js
Code highlighting produced by Actipro
Using css hacker, I can divide browsers into three categories: IE6, IE7, and roaming; others (IE8 chrome ff safari opera, etc)
◆ Hacker recognized by IE6 is an underscore _ and a star number *
◆ Hacker recognized by Internet Explorer 7 is an
The CSS styles of IE7 and IE8 are not compatible with nternet Explorer 8. The default settings are based on CSS 2.1 and many CSS bugs of Internet Explorer 7 are fixed, this means that some web pages previously designed based on IE 7 may be displayed
Now the layout of DIV + CSS is very popular, and its advantages are mythical by many people. Some time ago, when talking about website design, many people would open their mouths to me, and I felt very amazing. When talking with the customer, it is
Use the following css to keep the div always in the center of the screenCode
Code highlighting produced by Actipro CodeHighlighter (freeware)http://www.CodeHighlighter.com/-->
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