I have time to read the basic CSS tutorial today. (I saw a lot of people think they know a lot about it, and they immediately read maseter CSS. Why can't I read a lot of it ?, The background is too thin, so I still have a good foundation .)
See an
What should be kept in mind when using CSS?We have summarized the following points. If there is a new one, add it again (:
1.Cross-browserCross-browser (I personally think this is the most important issue ). I have a book titled website
Develop as a Web Front-endTo make HTML semanticYou often need to add titles to the content module to make the page more meaningful.Of course, there are our image buttons.The page information can be smoothly obtained without leaving CSS
You can write the style as follows:. cssname {width: pixel PX; * width: pixel PX! Important; * width: 211px;} among them, the first is under Firefox, the second is IE7, and the third is IE6 because Firefox does not recognize, that is, the other two
Clear:
The value of this attribute indicates that the edge of a floating object is not allowed.
Default Value: None
Value
Description
None
Allow floating objects on both sides
Left
Background:
Background is a compliant property. The attributes are as follows:
Background: Background-color | background-image | background-repeat | background-attachment | background-Position
Background-color:
Default
What is Div + CSS?
I think many of my friends may not understand it, but I still want to write my own understanding, which may help those who want to learn it, or friends who do not know how to get started.
When designing a webpage, we usually use
I. Introduction: Currently, the development of Web application JavaScript plays an increasingly important role, and there are also many related JavaScript frameworks. But there is a problem. during the development process, all the JSCodeAnnotations
CSS model box Overview: the CSS box model specifies how the element content, inner margin, border, and outer margin are processed by the element box;
Illustration: the width and height are the width and height of the element content. The outer
1. Objectives
The personal information display bar after a logon shows the final effect:
2. Analysis
The display bar features that the user's user name and points may occupy different widths, which leads to different border widths. The border
IE6, IE7, and IE8 do not support HTML5. ie9 starts to support HTML5, which makes it impossible for us to use HTML5 elements as CSS selectors in IE6, IE7, and IE8. The following script can solve this problem. Note that this script must be executed
I have been learning about Div + CSS layout during this period of time. I feel that this section is quite practical,
Original layout by Owen Briggs Single Row Single Column
Single Row Single Column 1: Float float floating in the upper left
(PHP 3, PHP 4, PHP 5)
Header -- send an original HTTP Header
Description
Void header (string [, bool Replace [, int http_response_code])
The Header () function is used to send an original HTTP header. For more information about HTTP headers, see
During website creation, when the List displays the news title or product title, the string is too long, leading to incorrect page layout. How can this problem be solved?ProgramThe method of intercepting extra characters. Here we introduce a method
Keep sorting out the notes.
1. When the table of width = "100%" is contained by a div without width, ie ignores the padding value and marggin value of the Div. (FF is normal, ie has a horizontal scroll bar)
Here is a sentence from nwind:
Favorites: CSS compatibility between IE and FirefoxThis article forgot when it was added to the QQ notepad. I accidentally turned it out today and felt that I had come all the way. In terms of front-end development, this article did a lot of help.
CSS IE8 compatibility + CSS hack compatible with IE6, IE7, IE8, and Firefox
IE8Since the launch of the official version, some pages that do not follow the standard to write code may exist.CompatibleProblems:CompatibleMethod:
I.
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