For example:
some content
Previewing this code at this point, we will find that the outermost parent element float container is not displayed. This is because the child element is floating, leaving the document stream, causing the parent
Do not know home has not encountered such a situation: in the CSS control picture size, if the width of the picture is written dead, such as img{width:500px;}, of course, if the picture width is greater than 500px can be very good control it does
Of course still use the picture, just can produce the color that oneself need picture.
http://www.neuroticweb.com/recursos/css-rounded-box/
The picture that is generated above and the following code exist under the same folder:
css fillet
Background Background Setting background color
this is header 1 this are header 2 this is a paragraph
[Ctrl + A All SELECT Note: If the need to introduce external JS need to refresh to perform]
Set a picture as
We all know that the continuous English or digital can be the container is propped up, can not be based on the size of the container to automatically wrap, the following is how the CSS will be their line-wrapping Method!
For Div
1. (ie browser)
Chinese search English search Domestic portal Integrated Other
[Ctrl + A All SELECT Note: If the need to introduce external JS need to refresh to perform]
Here's an example, which is the most basic filter application, in fact, the combination of two or several different filters will get unexpected results, encounter problems oneself more hands-on try on OK, of course, pay special attention to color
Use Line-height to center verticallyline-height:24px;If you use a fixed-width container and you want a row to be centered vertically, you can use Line-height (which is the same height as the parent container), and more vertically centered summaries
Today, I saw the vibration of an orderly list of an article, feel pretty good. Write an example:
Type value
Build Style
Sequence examples
A
Capital
A, B, C, D, E
A
lowercase letters
A, B,
Because of the death of a radio button problem, n more people come out of the nonsense, alas, I this rookie level figure also come out, mixed water to touch fish. A careless also touched a piece.
First look at a piece of code dug out of Baidu, I
the first one is from the 360 effect as shown in the figure: normal A-mark pagination, good compatibility. Green Style
Demo Code:
Home 2 3 4 5 next page last 3rd page Total 8 page
[Ctrl + A All SELECT Note: If
Cloud Habitat Community div+css implementation of sliding door menu effects &L T;b class= "B2 C2" > cloud-Habitat Community [2007-05-16] cloud-dwelling community jb51. NET, Web design, website production construction, CSS Learning, web
Solution
The best way to display submenus in a navigation system is to create a child list in a list. The two-level navigation bar of this tag is easy to understand – even if the browser does not support CSS.
To produce a multilevel navigation bar,
IE vs FF
CSS Compatibility essentials:
DOCTYPE affect CSS processing
Ff:div set Margin-left, Margin-right is already centered when auto, IE not
Ff:body set Text-align, Div needs to set Margin:auto (mainly margin-left,margin-right) to center
FF:
IE7 fixes many bugs and adds support for some selectors, so now hack that are hidden or displayed for IE, such as *html {} and Html>body {}, will expire in IE7. Although CSS Hack is not recommended, conditional annotations are foolproof filters, but
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.