Requirements: Picture width1, the use of max-width,max-height so that the proportion of the picture automatically scaling, code:
Copy Code code as follows:
img{max-width:330px;max-height:150px;}
Because IE6 does not support
css container content beyond (overflow) wrap, CSS container content beyond (overflow) wrap, CSS container content exceeds (overflow) Auto wrap
[Ctrl + A All SELECT Note: If the need to introduce external JS need to refresh to perform]
Popular on the Internet:
Body
{
Background-image:url (' Javascript:document.write (" ")")
}
This method causes the home page to be abnormal. Returns a blank.
Use the window.
Body
{
Background-image:url (' Javascript:open ('
*:lang (en) Select {font:12px!important}/*ff Dedicated * *
Select:empty {font:12px!important}/*safari Visible * *
Here the Select is a selector and is replaced according to the situation. The second sentence is unique to the Safari browser on the
css Create colorful text links css Create colorful text links
First, primary link style 1, general links 2, No underline links 3, Double line link 4, Strikethrough link II, advanced link Style style 1,
Body {Font-size:0.8em;Color:navy;}The above means setting the Font-size font size and color font colors for the body selector.So basically, when it works with HTML pages, the text color between the body tag (the entire window content) is navy the
Example:
*[LANG=FR] {font-size:14px; width:120px}
*.div {text-decoration:none;}
2. Type Selector
Grammar:
E {Srules}
Description
Type Selector. Takes a document language object (Element) type as a selector.
Example:
TD {Font-size:14px; width:1
Here's a general code:
Css:
Copy Code code as follows:
. box{
border:1px solid #ccc;
font-size:12px;
Background: #f1f1f1;
padding:10px;
}
Html:
Copy Code code as follows:
this is a gray box
There is a magical problem when designing the page, which is the HTML code
At this point I set the homecategory of the child container:
. homecategory{margin-top:30px;}Found margin relative to the parent container wrong, find body went, became
Inherit is a good thing not only to save code, especially to deal with background, but also to maintain. However, if you want to inherit background's picture, you cannot abbreviate it, and it will look naïve: Background: #fff inherit left top;
Brief tutorials
This is a shutter-type switching tut effect made with pure CSS3. This effect is created using a background image, which is cool when the carousel is toggled with a set of DIV elements to make the blinds.
How to use
HTML structure
6
Brief tutorials
This is a very creative pure CSS3 navigation menu effect. This navigation menu is mainly achieved through the CSS3 transform and Transition methods, which is very simple. This effect is provided by the attacking Ho.
How to use
HTML
CSS order attribute of the Flexible elastic box model, flexiblecssInstance
Set the sequence of elastic box object elements:
Div # myRedDIV {order: 2 ;}
Div # myBlueDIV {order: 4 ;}
Div # myGreenDIV {order: 3 ;}
Div # myPinkDIV {order: 1
Three common methods for automatic jump of HTML pages after 3 seconds: automatic page Jump
In practice, we often encounter a problem: how to automatically jump to a page N seconds later?I have encountered problems and searched for information, and
There are several methods to clear float and float.
It was not until I wrote this article that I carefully studied the principle of each floating clearing method (⊙) B.
For those who just came into contact with CSS, just like me at the time, when I
Tip: you can modify some code before running Always float at the bottom of the page to be perfectly compatible with IE6 fixeIe6 won't change either.Ie6 won't change either.Ie6 won't change either.Ie6 won't change either.Ie6 won't change either.Ie6
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.