Button drop down menu
Combined with. Btn-group (BTN-GROUP-LG/BTN-GROUP-SM/BTN-GROUP-XS). Dropup btn. Dropdown-menuThe button Pull-down menu is encapsulated on the basis of an ordinary Pull-down menu. The BTN style has an effect, similar to clicking
You can think of it as a general CSS list, with just two or three lines of code to complete the switch effect.
Text Timing Change Code Baidu, the world's largest Chinese search Cable engine CSDN, China's most popular IT technology
css hover hint Do you know about the cloud-dwelling community? Cloud-dwelling community is a quality Learning Resource station, mainly collecting various learning materials.
[Ctrl + A All SELECT Note: If the need to introduce
CSS selectors can include, tag Selector, category selector, ID selector, intersection selector, and set selector, descendant selector, global selector, pseudo class, etc., these style applications have been supported in Flex
1. Tag Selector
The tag
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
I use a symbol to replace, but found how the display is relatively small, and then I found that my font all defined as Tahoma, as long as the use of "song body" on the normal.
&L t;head> pre-list small squares--design by cloud habitat
Very boring to put n a filter heap together to become the following effect, hehe
ie5.5+ only
聱Teeth chorma glow dropshadow blur wave
[Ctrl + A All SELECT Note: If the need to introduce external JS need to refresh to perform]
The idea is very simple, the code is very concise, the effect is also good, very useful (this high-grade dongdong IE nature is not recognized).
Copy Code code as follows:
* {outline:2px dotted red}
* * {outline:2px dotted green}
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]
css table 1px border Cell--Cloud Community Cloud-dwelling community Cloud-dwelling community cloud-Habitat Cloud-Habitat cloud-Habitat Community & lt;/td> Cloud Habitat Cloud Habitat Cloud Community
[Ctrl + A
IE Direct use:
Word-break:break-all; /* Allow the word to change the line * *
Word-wrap:break-word; /* content will be wrapped within the boundaries of the line * *
/* The default to note is: * *
Word-wrap:normal/* Allows content to be opened at
Although there have been many references to this in a number of documents, many friends still make mistakes on these issues. Today we look at these CSS techniques, read carefully, perhaps you do not fully understand, you can search, expand the
...
In Global.css, it was declared
#myArticle {
width:400px;
height:300px;
}
In this case, directly through JS getElementById (' myarticle '). Style.width is unable to get 400px value because this value is defined in CSS, so you have to use
1, hexadecimal color value pairs of digits and case
When you write hexadecimal color values, you may use lowercase letters or omit them into 3 digits, and there is no real data to prove that the rendering efficiency of the browser is affected, but
For example, 210px in the ul width of 4 Li, respectively, the width of the 4 Li according to their own content of the length of 80px, 120px, 140px, 80px.
The effect I need is 4 Li to the left automatic arrangement. When the length of the third Li
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