Two books are recommended. good learning materials for web designers:
《CSS books for reading(US) Wake-Smith, translated by Lee songfeng
The CSS style design is introduced, which mainly covers the use of XHTML to define the content structure,
Recently, as a result of the need, I am working on a blog management system. When it is about to be completed, I have never encountered any problems. The page shows normal in IE7 and FF, while in IE6, some CSS codes are invalid. The problem is
Perceptual experience CSS
What is CSS? You may be eager to know the answer. However, vague text descriptions are of little significance. Let's have a perceptual experience first. Look at this HTML file without adding CSS. It is an ordinary webpage.
Difference between IE and Firefox
FF sets text-align: center in the body. The DIV in the body is left aligned by default.
Iesets text-align: center in the body. Not only is text centered, but DIV in the body is also centered.
For the text in the
When creating a website, we sometimes need to fill some tables with the background image gradient,
However, because the size of the content in the table is not fixed, sometimes the content is too long, there is no background in the open area of the
We know that Dreamweaver has done a great job in Table creation, but in some cases it is still necessary to combine CSS to achieve some specific effects. Next we will first sort out the CSS syntax for the table border, then we will introduce how to
Suitable Use of CSS and Javascript in XHTML documents
XHTML 1.0 the Extensible hypertext markup language (second edition)XHTML is defined to apply HTML 4 extensions to the same application as XML 1.0.
In many websites, XHTML is rapidly replacing
1
/* Disable line breaks */
. Nowrap {word-break: keep-all; white-space: nowrap ;}
/* Force line feed */
. Break {word-break: break-all ;}
Css force do not wrap
Div {white-space: nowrap ;}
Css wrap
Div {word-wrap: break-word; word-break: normal ;}
I. Use css abbreviations
Using abbreviations can help reduce the size of your CSS file and make it easier to read. For the main rules of css abbreviations, see common css abbreviations syntax summary, which is not described here.
Ii. Define the
The CSS framework was upgraded from February 21 to 0.7.1. After such a long version upgrade, I finally changed the mode of CSS rules in different CSS files to the mode of a single file, so I feel that the Blueprint CSS framework is now a CSS
Negative margin in css is a common technique in layout, which often produces unexpected results if used properly. Many special css layout methods depend on the negative margin. Therefore, it is necessary for front-end students to master its usage.
Document directory
Link definition order
Define a local link Style
Define link StyleCSS provides specific tools for some special effects, which are called "pseudo classes ". The following describes the four pseudo classes that are
Color
The hexadecimal color value. If the two values are the same, they can be abbreviated to half. For example:#000000 can be abbreviated as #000; #336699 can be abbreviated as #369;
Note:In the same CSS configuration section, do not use the full
It is logical to use CSS to layout the page layout DIV!
Focus on understanding the box model,
Standard
The difference between a stream and a non-standard stream is also the positioning principle!
It's very easy to break these three!
Word-wrap controls the line feed. Optional values: word-wrap: break-word | normal | break-all | keep-all
Break-word: it is mainly used to control whether to forcibly wrap words. It has no problem with Chinese and English, but is invalid for long
Image replacement technology is quite useful, especially for visual design, and does not affect the user base (screen reader) of non-visual browsers to a certain extent ).
This section only uses one image:
Classic FIR
Outsourcing a set of span
Many of my friends don't know what kind of HACK is in CSS and how to use it. I have translated and pasted it here. This article is about the CSS hacking technology. Do not confuse it with the "filter" of Microsoft's proprietary CSS attribute. In the
The following example shows how to share your experience with a friend on the Internet. I posted this article, so you should pay more attention and make fewer mistakes.
Important:
Key code in android:
Webview. getSettings (). setJavaScriptEnabled
In the past few days, I have read the CSS authoritative guide and previously saw the special nature of CSS. Today we have encountered a problem: Using styles in SVG.
text x="250" y="150"
font-family="Verdana"
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.