Difference between IE6 and FF:Background: orange; * Background: blue;Difference between IE6 and IE7:Background: Green! Important; Background: blue;Difference between IE7 and FF:Background: orange; * Background: green;Difference ff, IE7,
The box model is the core of the XHTML + CSS layout page! To learn how to layout pages with CSS, you must first understand the box model!What is a box model? For beginners, it is hard to say, but you are familiar with boxes in life. Haha, you can
A few days ago, I saw a good explanation of Div + CSS layout on the Internet (all of them have been posted on my blog). I 've learned a lot and made a lot of things open and open. At least I Wrote various examples these two days and thought that I
Link ElementBoth HTML and XHTML have a structure that allows webpage authors to add additional information related to HTML documents. These additional resources can be style information (CSS), navigation assistant, external information (RSS),
Create a triangle arrow with pure CSS (www.dayday28.com)
Technology is always breaking through, and skills are always summarized. In the past, we had to cut the image like this. Now we can easily implement it through CSS. We have to lament the cool
Li {list-style-image: URL (images/disc.gif );}
This style definition of Li is to use an image of the list project to replace the small dots displayed. Of course, you can also display other effects. For details, see the following definitions:
CSS
2.6 pseudo-classes and pseudo-elements pseudo classes and pseudo elementsThe pseudo-class and pseudo-element selector can apply sytle to structures that do not exist in the document. It can also be applied to phantom classes, and phantom classes is
The following article comes from
Http://www.thenoodleincident.com/tutorials/box_lesson/font/index.html
I have a good explanation of the text size problem. The author first provided the best method to control the text size.
Body {
Font-size: 76%
}
P {
1.2 CSS-related markup and instructions
1.2.1 Link link markup is intended to allow HTML to be associated with other documents. CSS uses link to associate CSS documents with HTML documents. Although CSS documents are not part of HTML, they are used
Source http://www.w3schools.com/css/css_id_class.asp
Css id and classID and class can also be used as SelectorAs mentioned in "CSS syntax", HTML elements are used as the selector to set styles,You can also use a custom selector, that is, "ID" and
2. Write the overall Layer Structure and CSS
Next, create a folder on the desktop named "Div + CSS layout exercise", create two empty notepad documents under the folder, and enter the following content: program code untitled document
This is the
Blogchina's blog website can be described as Crouching Tiger, hiding dragon. Sometimes we find that some of the top blog websites are brilliant and drool, so we can't wish to make such a style of websites. But how can we imitate the style of the
CSS descendant Selector
The descendant selector is also called the include selector.
h1 em {color:red;}
This is a important headingThere is a negligible aspect about the descendant selector, that is, the hierarchy interval between two
In the previous lesson, we talked about how CSS controls the page. If you don't remember it, I will help you remember it, there are four ways to control HTML page styles: In-line, embedded, link, and import, if you want these styles to implement one-
Course keywords: FloatingThere are two ways to layout a page:Reference:
1) floating float2) Positioning position
Today, I will give you a small exercise to understand the meaning of float.Copy content to clipboard
Code:
[Example]Requirements:1)
Key words: Clear floating clearDo you still remember the effect of the example we made in the second lesson? The final result is that both the red and blue squares are in one row. We use "float: Left ", the "overlord" of block elements means that
How does CSS align the two ends of a line of text? Text-align: justify;. Text-justify Syntax: Text-justify: auto | inter-word | newspaper | distriify | distribute-all-lines | inter-ideographParameters:Auto: allows the browser user agent to determine
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