What is line spacing.
In ancient times we used printing presses to come out text. Every word that is printed is in a separate block.
Line spacing, that is, the legendary control of two lines of text vertical distance. In CSS, Line-height is used to
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.
In the web design, the picture cut into a diamond-shaped picture display is a common demand, through Photoshop directly cut a picture into a diamond is a solution, but not the best solution, where the author directly through the design of CSS two
Html,css&javascript
HTML
Hypertext Markup Language, "hypertext" means that the page can contain pictures, links, and even music, programs and other non-text elements.The structure of the Hypertext Markup Language includes the "Head" section
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
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
The recent written test often encountered this problem, usually write code seems very little thinking about this, I would like to make a small summary for the interview needs.
There are still a lot of questions about the vertical layout of elements,
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.
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
Let's look at the question first:
View Style:
The Background-size property is overwritten, and viewing the style properties does not reveal any redefinition in the selected state.
When the background-size is added directly, it takes
The percentage of margin,padding is calculated relative to the width of the nearest parent container.
Percent
child
The main reason for guessing:
1, in order to unify the ratio, if the width and height of the same
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
Static
This is the default positioning method for the element, which appears in the normal document stream and takes up page space. You cannot use Top,bottom,left,right and Z-index. Relative
Relative positioning, relative to its parent element
This article introduces you to the article is about how to use CSS and D3 to achieve the effect of endless hexagon space, has a good reference value, hoping to help the needy friends.
Effect Preview
Code interpretation
To define the DOM, the
This article introduces you to the article is about CSS in the use of border-sizing attributes, there is a good reference value, hope to help the needy friends.
The box-sizing is used to change the default CSS box model used to calculate the width
What is CSS? CSS is a CSS cascading style sheet. Because CSS is the acronym for Cascading style Sheets, it means cascading style sheets. The appearance of CSS makes the style of page elements richer, and also separates the format of Web pages from
What is the CSS feature?
the three attributes of CSS are: inheritance, precedence, and cascading. So. Let's look at the details of the inheritance, precedence, and cascading three features in CSS.
Inherited
Inheritance that is, the subclass
This article introduces you to the article about how to use pure CSS to achieve the train is moving, there is a good reference value, I hope to help the needy friends.
Effect Preview
Code interpretation
Defines the DOM, which contains 2 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