See most of the pages in some websites are written like this
And many websites use the link
And like Google Baidu 163 and other sites they are directly written on the page
Of course, the advantage of using link links and import imports
Do not know whether the home has encountered such a situation: in the CSS control picture size, if the width of the picture to write dead, such as img{width:500px;}, if the width of the picture is greater than 500px can be very good control it does
You can use this property when you think the picture is too close to the text.
Text spacing: hspace and vspace settings
1. Horizontal interval: hspace.
For example: (Units are also calculated in pixels (pixel).) )
2. Vertical interval:
Why do you want to translate this note? Css2 Ben has been translated, but look at, very rough (not to say that their own how Ah, translators are really worthy of admiration!) Recently, more and more contact with CSS and XHTML, but the more contacts,
Let's talk about some of the problems found in the process of trying.
1, Box model problem
Believe that playing refactoring or div+css friends should all know this thing, nonsense not to say, do not know and interested can go online search. Here I
In the next, summed up a few HTML coding elements, I hope to show you:
1. The size of the text itself is not compatible. The same is the font-size:14px text, in different browsers occupy the space is not the same, ie under the actual account of 16px,
Today saw the vibration of the order of the list of an article, feel very good. Write an example:
Type value
Build Style
Sequence examples
A
Capital
A, B, C, D, E
A
lowercase letters
A, B,
Use as few classes as possible, because you can cascade recognition, such as:. News H3 without having to add classes on H3
3. If no existing elements are differentiated, then use div
Home
About Us
can be
Assuming there are two boxes, we need it at a minimum height of 150PX.
Css
div.box1,div.box2{
width:300px;
min-height:150px;
Background: #EEE;
Float:left;
margin-right:20px;
}
Xhtml
IE does not maintain a minimum height of 150px
The minimum height
As long as the haslayout of IE is triggered, non-floating elements will have a layout. So, by using IE6 's unique hack rules, writing a style for it alone can fix this problem:
_zoom:1;
Margin-left:value;
_margin-left:value-3px;
Zoom is one of the
Let's look at the example:
HTML Example:
Demo Mozilla Opera Netscape Firefox IE6 Wind oWS Style CSS Line as long as the content is greater than the height of one screen
[Ctrl + A full selection Note: If you need to introduce external
Old topic: the separation of a classical poem
1. Give you an ancient poem, save it as a bunch of unformatted text, you understand its content, the structure of the processing. After publishing with Word, he has a structure
2. This structure
Here's an ordinary code:
Css:
Copy CodeThe code is as follows:
. box{
border:1px solid #ccc;
font-size:12px;
Background: #f1f1f1;
padding:10px;
}
Html:
Copy CodeThe code is as follows:
This is a gray box
But this time the demand increases, in
Today it took a long time to finally solve the problem, the basic perfect, the only imperfect is IE 6 only after the full download of the picture will automatically adjust the size, but better than nothing, it is more comfortable than to see the
There are experts in bi who specifically discuss this layout method, but he used more hack, but also avoided the IE6 DTD. In my actual use, I found that avoiding the DTD definition of IE6 will cause the Ajax modal box to not be centered (a control
General class
Overflow:hidden; automatically hides out-of-bounds content to prevent layers and tables from being stretched
!important
Specify application precedence for style rules
Text class color: #FF0000; text color font-family: "Arial",
Daily tag (1), tag (1)
Label Learning
1. Title labels (levels of h1, h2, h3, h4, h5, and h6 decrease in sequence)
2. Section label
3. Image Tag
4. Comment tag
5. Italics (emphasizing labels)
6. Bold(Emphasizing tags)
7.
When the table cell content exceeds the limit, the ellipsis (...) is displayed.Description
In front-end development, you may often encounter situations where you need to limit the cell width and display ellipsis when the content exceeds the limit.
Browser compatibility manual javascript and cssJavascript section1. document. form. item problemsProblem:The code contains statements such as document. formName. item ("itemName") and cannot be run in FF.Solution:Use document. formName. elements
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