The box model is an important concept in CSS. Only by understanding the box model can the layout be better. In fact, there are two types of box models: the IE box model and the standard W3C box model. They have different interpretations of the box
/*Analysis of monster mesh Board
*/# The nav navigation starts and serves as the layout on the top of the website# Navmain includes images and logos# Navlogo Website Logo# Navlogo# Gsmymenu operation menu drop-down menu layer after personal Logon#
1 Principle 1: it is better to specify inheritance 2 Principle 2: # ID>. Class> tag Selector 3 Principle 3: more specific and more powerful 4 Principle 4: Tag # ID> # ID; tag. Class>. Class 5 6 CSS priority weight
CSS has a high value for the compatibility of browsers. In general, there is a great difference between IE and Firefox. Here we will introduce the compatibility points.
1. doctype affects CSS Processing2. FF: When Div sets margin-left and
There is a gap bug below the picture inserted by Li in IE6, which is a classic bug in IE6. There are many ways to solve this bug. Today I have sorted out four methods in total and I will share them with you.
AttachCode:
Doctype html > Html
First of all, thanks to"Wanzi"CSS hack provided by IE8;
Those who have followed IE8's CSS hack believe that everyone is using this hack, which is the CSS hack of "\ 9:
. Test {Color: #000000;/* ff, OP supported */Color: # 0000ff \ 9;/* all
Background-color)
This attribute sets the background color for the HTML element, which is equivalent to the bgcolor attribute in HTML.
Body {background-color: #99ff00 ;}
The aboveCodeThe background color of the HTML element "body" is green.
How to center the entire page content, and how to automatically scale the highly adaptive content. This is the most common problem in CSS layout learning. The following is a practical example and detailed explanation. (The experience in this article
========================================================== ============================1. Background-Background========================================================== ============================
Writing a single attribute. Sample1
More and more browsers mean that it is more difficult to develop Web Front-end. The current browsers have the same kernel, and there will be some differences in CSS compatibility! Previous usageCSS hackIt is not easy to use too manyCSS hackFor
There are many different methods to use CSS to implement vertical center of objects. It is difficult to choose the correct method. I will explain the good methods I have seen and how to create a good Center website. It is not
Oraginal link, http://www.noupe.com/css/21-fresh-ajax-css-tables.html
1)Tablecloth-CSS globe has decided to present tablecloth. Which is a lightweight, easy to use, unobtrusive way to add style and behaviour to your HTML table elements.
First lookSource code, Especially the following lines of CSS styles,
Style Type = "Text/CSS" > . TNT { Writing-Mode : TB-rl ; Text-align : Left ; Font-size : 9pt ; } Style >
SourceCode,
Html
>
Head
>
This
Code Small Business Starter Kit from Ms
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ ~~~~~~~~~~~~~~~~~~~~~~~ *
Tree View Control
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ ~~~~~~~~~~~~~~~~~~~~~~ */
. Treeview{Border-bottom: 1px dotted # b2b2b2!
What are you looking? You don't know how to catch the birds? I am a kind and sharp Huang que. I dare not peat it alone. I would like to peat it with you. Of course, in order to avoid losing face of our Huang que family, we must peat the exit field
CSS and JS work closely together to add a lot of unique effects to our pages. To achieve some special effect, we need to use JavaScript to dynamically change the CSS attribute of a tag. For example, when you move the mouse over an image, we add a
When multiple floating elements follow each other and add comments in the middle, the text in the last floating element is occasionally copied to the bottom. Academic name duplicate characters bug
ProgramCode An additional pig This is the extra
In the graduation project, a prompt box is displayed: When you place the cursor over a link, a prompt form is displayed below. As follows:
The Code is as follows:
CSS:
1 .rhsyyhqDIV{ 2 position:absolute; 3 top:555px; 4 left:200px; 5
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