Increasing attention in the industryDiv + CSSFrom the standardized design to the major portal websites to countless individual websites. Under the influence of Div + CSS standardization, webpage designers have taken this requirement as the industry
In the eyes of a CSS attacker, I am afraid the IE series is compatible.The worst browser, especiallyIE6. However, I found that Google's Chrome browser is also difficult to solve, but it is a small detail. I don't know if you have ever encountered it.
1. Change the Chinese font name to the English name:
Common Chinese fonts for Windows:======================================SimheiSimsunNew: nsimsunImitation Song: fangsong simfang?Kaiti simkai?Imitation Song _ gb2312: fangsong_gb2312_ Gb2312:
In the past, although I often heard people say CSS, I have never used it again.
Now I want to move my blog here. I don't have to worry about it. There are too few templates and it's hard to find a slightly satisfactory one. The classification
CSS Unit of measurement:Px pixels30% percentageEm relative unit
Apply style:1. Tag Selector2. class selector3. ID Selector
CSS usage:(1) inline element. Add the style attribute to the element(2) page embedding.Add in Head(3) external reference.
Thanks to crazycoder's friends for their enthusiasm.ArticleAll are translated by him. For more Chinese nlog documents, see nlog document series.
Nlog article series-Troubleshooting
Nlog article series-how to write a custom Layout generator
View code
Html > Head > Title > Css1 Title > Style > H1 { Color : Red ; Font-size : 14px ; Font-family : "Sans serif" ; } P { Text-align : Center ; } Body { Color : Blue ;
In the webpage design, the height: 100% can be used for the whole screen, but the following must be added to the webpage header:Later, we found that the height: 100% attribute was added to both HTML and body, which is the key to the highly adaptive
Div + CSS layout Overview
Summary of CSS + dir layout in XHTML
XHTML is the abbreviation of Extensible Markup LanguageCSS --- the abbreviation of a stacked style sheet
1. Add the correct doctype to the pageDoctype is short for document type. It is
One of them
/*---------------------------------------------*//* ----------- Gallery code start --------------*//*---------------------------------------------*/. Gallery {Margin: 0; padding: 0;Overflow: hidden;/* clears the floats */Width: 100%;/*
Document directory
One selector for multiple usage
Id Selector
The ID selector can specify a specific style for HTML elements labeled with a specific ID.
The ID selector is defined.
The following two ID selectors can be used to define the color
Time for adding a div + CSS layout:
1. Introduction: Why is table formatting unwise?
The table exists in HTML for the purpose of displaying the table-like data. However, border = "0" allows designers to place images and text in this invisible
1. check immediately if you have any questions
If you can perform a simple check on the original code when an error occurs, you can save a lot of headaches. W3C for XHTML and CSS are available detection tools, see the http://validator.w3.org please
The navigation bar is a commonly used module in Web pages. There are many ways to implement it. The following is how to implement it using CSS:
homepage
blog
Design
album
Forum
about
The CSS code is as follows:
Today, we are very ambitious. We decided to deal with seajs, coffee, and less. When I got home, I spent one afternoon in front of my computer and one evening. The sad discovery only solved less. Er, sum up less first.
The goal of less is CSS. View
In HTML, CSS is introduced mainly in four methods: inline, embedded, imported, and linked.
1. InlineThat is, set the CSS style in the style attribute of the tag. This method does not reflect the advantages of CSS in nature, so it is not recommended.2
There are three basic CSS selectors: Tag selector, category selector, and Id selector.
1. Tag Selector
The names of each HTML tag can be used as the names of the corresponding tag selector, such as H1, P, and so on.
2. CATEGORY Selector
The name of
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