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
First, jquery set CSS style
Test jquery Dynamic Acquisition padding-left
1, using the CSS () method to return the style attributes of the element
$ ("div"). CSS ("Padding-left");
2, with CSS () to set the style
$ ("div"). CSS ("Color",
One-line picture is centered vertically with text, which is to add vertical-align:middle to the style attribute in the IMG tag
If you do not set, a single line of pictures and text side-by, the text defaults to the bottom center.
Note the following
Panel Component style PropertiesCornerradiusCorner degrees the size of the panel's outer-frame corner number from the 0~280, the higher the value, the greater the fillet radianHeaderheightTitle Head height panel header height value from
1. Force text line display:
White-space:nowrap;
Multiline text last ellipsis:
Display:-webkit-box; -webkit-line-clamp:2; Overflow:hidden; -webkit-box-orient:vertical; Text-overflow:ellipsis;
2. Set overflow text to appear as an ellipsis tag:
This article introduces to you about the CSS3 in the animation attribute implementation of the arrow to the right to scroll the code, there is a certain reference value, there is a need for friends to refer to, I hope you have some help.
This is a
When we are in the design of the site, if we encounter a request when the mouse moves out of a picture, to automatically overwrite another picture, how to do it? In fact, a little bit of knowledge of some CSS code friends know that this is a very
If there is a three-dimensional picture on the page, there will always be a high-tech feeling. In fact, three-dimensional design is not difficult, we can achieve three-dimensional effect through CSS. Very simple to understand, first we can have such
What this article brings to you is about the positioning of CSS. CSS positioning Summary, there is a certain reference value, there is a need for friends to refer to, I hope you have some help.
The positioning is divided into:
static (default):
This article brings the content is about the CSS3 in the pseudo-elements to implement the bubble box code (before, after), there is a certain reference value, there is a need for friends to refer to, I hope you have some help.
Bubble box principle
What this article brings to you is about what are the additional pseudo-classes in CSS3 and what are their effects? Have a certain reference value, the need for friends can refer to, I hope to help you.
1. Pseudo-class and pseudo-elements
CSS
This article introduces to you about the CSS implementation of the three-column layout of three ways (with code), there is a certain reference value, the need for friends can refer to, I hope to help you.
Floating layouts
Divided into three Div,
This article brings the content is about CSS in the box model of the four properties of the introduction (with code), there is a certain reference value, the need for friends can refer to, I hope you have some help.
Substitution elements and
This article introduces to you the content is about CSS3 implementation will move the menu button effect, there is a certain reference value, the need for friends can refer to, I hope to help you.
Need to do a will animation button effect, small
This article brings you the content of CSS in the Text-transform property to implement string conversion code, there is a certain reference value, the need for a friend can refer to, I hope you have some help.
character conversion this is a
This article mainly introduces the use of CSS3 to make the style good-looking button, that is, rounded corners Click the Right slide button function. I hope this article will be helpful for you to introduce.
Note: CSS3,CSS is used to control the
What is a block-level formatting context in CSS? Block-level formatting context (block formatting context) is part of the Web page CSS visual rendering and is used to determine the layout of the Block box. In the positioning system (positioning
This article introduces you to the article on the CSS tab implementation of the Code, there is a good reference value, I hope to help the needy friends.
#title {height:30px;width:400px;} #title Li {float:left;list-style-type:none;height:30px;width:1
This article introduces you to the content of the CSS in the layout of the use of the summary (with code), there is a certain reference value, the need for a friend can refer to, I hope you have some help
1. Basic usage
There are 5 core properties
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