For the background-position attribute, I thought it was for merging background images. It is to combine some common images of the website, and then use the background-position to locate a position in the composite background image to obtain the
Forced to quit the Java back-end coding and client programming jobs he is good at, he turned to Web application development. Therefore, some basic knowledge of the Web Front-end, such as HTML basics, CSS, and JS, is a must-have knowledge. You
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,
1. Page Layout and planning
There are many terms in web page creation, such as CSS, HTML, DHTML, and XHTML. In the followingArticleWe will use some basic knowledge about html. Before you start this tutorial, make sure that you have a certain HTML
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
Http://www.8go8.com/blog/post/20060612013036.html)
These two differences are confusing, especially the class and ID. I believe many people have not carefully understood the differences. Some of my understandings are as follows:1. Differences
AAA AAA BBB
Open the webpage document in the IE browser and find that the Left and Right Div blocks are not closely adjacent, but there is a 3px gap in the middle, removing the comment statement in CSS, the problem is solved.
Add the following
The so-called interface touch effect is that when the user clicks it, the interface immediately changes to the user to know: "OK, I already know what you clicked ~", Some people also say "click the highlighted effect ". -- Undoubtedly, this is a
In this blog, we will continue to analyze other effects of CSS + Div. At least it will be enough, right. I have talked about some basic things. For details, see:
Proficient in CSS. Div webpage style and layout (2)-Section
Proficient in CSS. Div
(This article from http://www.frontfree.net/view/article_73_page1.html)
Lecture 1
(I) Why should I use CSS or CSS?
Example 1: Suppose we want to create a page so that the colors of all H3 texts on the page are green, italic, and. What should we do?
gradient background
gradient background-beta1 IE6, IE7, and ff2 passed the test.
Lorem ipsum dolor sit Amet, consectetuer adipiscing elit. aliquam blandit nunc lobortis diam Bibendum semper. nunc aliquam mi. maecenas porttitor, lorem sed
Many Web designers have encountered highly adaptive problems when they first came into contact with W3C standards. Because the height of objects such as Div: 100%; does not directly produce actual results, I began to doubt whether the browser
Reprinted please indicate the source: http://blog.csdn.net/cnnzp/article/details/6590087
WebKit CSS engine Analysis
The CSS module of the browser is responsible for parsing CSS scripts and calculating the style for each element. Although the CSS
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
Align the two ends: Set the two ends of the text content, adjust the horizontal spacing of the text, so that it is evenly distributed between the left and right margins. Alignment on both ends makes the text on both sides neatly edges. Each row of
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
Complex list layout is my biggest headache. It is often messy during testing and cannot be compatible with IE and FireFox. This problem plagued me for a few nights and was finally solved today. The tests in IE and FireFox are almost the
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"
3.2.1 fixed-width rounded corner Frame
The most easy to create is a fixed width rounded corner box. They only need two images: one for the top of the frame and the other for the bottom. For example, suppose you want to create a box style like 3-3.
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