The default style for the. btn-default--button;
The preferred style for the. btn-primary--button;
. The success style of the btn-success--button;
. The general information style of the btn-info--button; '
The warning style for the.
1. Background analysis:
Previously in the development of a page loading plug-in, wrote two parameters, one is Loadinto, one is delete, the first loadinto is to add the relevant page elements to the page, the second delete is to remove the added
Note: Preferably in Firefox or Chrome run, the IE effect does not appear-. -
Effect Chart:
InitialWhen the mouse moves to a picture, also click on the open picture, will automatically connect to the big picture.
The code is as
Ellipsis in IE can be used text-overflow:ellipsis, but a lot of browsers need to be fixed width, while FF these browsers do not support text-overflow:ellipsis settings, Here are a few tutorials for you to sort out the compatible browsers that show
Word wrapping in long words
1. Word-wrap:normal | Break-word;
The Word-wrap property allows a long word or URL address to wrap to the next line.
Normal: The browser keeps the default processing only when the allowed hyphenation points are wrapped.
Here we use the simplest and least code implementations.
1, prepare the picture
Same size six sheets
2, detailed code as follows
The principle of accordion effect is: when the mouse moves in, change the width of the UL under Li, the scheme is
This thing is called floating.
as the name suggests, is to allow the set of the label to have a floating effect, that is, from the original page of the standard output stream.
normally, block elements in an HTML page are arranged from top to bottom.
CSS Line-height Properties
CSS Reference Manual example
To set the row height as a percentage:
P.small {line-height:90%}
p.big {line-height:200%}
Give it a shot yourself.
(You can see more instances at the bottom of the page) browser support
Flex layouts are used to provide maximum flexibility for the boxed model, and any container can be specified as a flex layout
Properties such as float clear and vertical-align for child elements that are set to flex layout are invalidated
Just set
In the Web development, many sites have done some particularly beautiful effect, such as user login frame mask layer effect, this article to introduce how CSS to achieve the login pop-up mask layer effect, the need for friends can refer to the
Some CSS properties for wrapping and cropping
Word-wrap:normal | Break-word
Normal line wrap, content can break container, such as long word or long number of cases
Break-word Word as the basis for the line, if necessary, the word inside allowed
label
descrīption
Anchor label
tags create hypertext links and support the following properties: href: This URL can be an absolute or relative path (relative to the location of the SWF file that loading the page). The http://www.
Used to be a JS to achieve the ToolTip effect, now in fact, can use the pseudo elements of CSS to achieve, will be simpler, the effect is also very good.
Mouse hover over me try
If you want the ToolTip to be used to display the error
JS blocking features: All browsers in the download JS, will prevent all other activities, such as other resources download, content rendering and so on. It is not until JS downloads, parses, and executes that it continues to download other resources
We know that row heights can be inherited and there are four of units in the row height.
1 specific pixel values such as: line-height:16px;
2 em
EM refers to the current label settings font size, such as the current label font size is 16px, then 2em
After we set the label to float, there are a few features
1 float will break out of standard stream
If an element is displayed in the normal standard flow, it occupies a position in the HTML, and the following element follows it, but the float is
1 Block-level elements and inline elements
1 Block-level elements
Occupy a row and cannot be tied to any other elements
Can accept wide, high
If you do not set the width, the width defaults to 100% of the father.
2 in-line elements
Alongside other
1 areas in the box
The main attributes of a box are 5: width, height, padding, border, margin.
Width is the meaning of "breadth", which refers to the width of the content, not the width of the box.
Height is the meaning of "altitude", the height of
1 Tag Selector
is to use the tag name as the selector.
1 All tags can be used as a selector, such as body, H1, DL, UL, span, etc.
2 No matter how deep the label is, it can be chosen.
3 The choice is all, not one. So it's a commonality, not a
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.