Modify CSS properties with JavaScript only native JavaScript is written.
1. Use JS to modify the label's Class attribute value:
The class attribute is one of the ways to refer to a style sheet on a label, its value is a stylesheet selector, and
Folding menu file 2-1&L t;/span> Documentation 2-1-1 Document 2-1-2 file 2-2 Menu 2-2-1 Menu 2-2-2 2-3 < ;ul> Menu 2-3-1 < ; a href= "#" > Menu 2-3-2
The existence of less is mainly used to solve the problem of CSS, including inconvenient to maintain the extension, not conducive to reuse, because CSS is a non-procedural language, no variables, functions, scopes and other concepts, and less on the
1. There is a code like this:
your will guide you to pay PO, follow the instructions of Alipay to complete the payment operation. So in a block-level element, to achieve the center of the IMG, we can not directly to the absolute positioning to
clear the drop-down arrow style for select in CSS
Select {/*chrome and Firefox inside the border is not the same, so a carbon copy */Border:solid 1px #000;
/* Key: Clear the Default Select selection box style */Appearance:none;-moz-appearance:none;
Reproduced
The Float property in CSS is a frequently used property, and for beginners, if you do not understand the meaning of floating and the characteristics of the performance, the use of the use is easy to fall into confusion, foggy, confused
1. Black and white images
This code will make your color photos appear as black and white photos, is not very cool.
img.desaturate {
Filter:grayscale (100%);
-webkit-filter:grayscale (100%);
-moz-filter:grayscale (100%);
CSS three ways to achieve rounded cornersThe following code is given directly:
The first type:
The second type:
css Fillet Effect
no picture to implement the rounded box
The third type:
This is
When designing a Web page layout, there is often a large display of content Jumbotron as the name implies, the component can increase the size of the caption and add more margin (margin) to the contents of the landing page. Source can be seen: if
When publishing a Web page, you often highlight special characters or entire characters in the title. Bootstrap provides a. label style for highlighting functionality.Label main setting background color and Background box
Source code
. label {
1, using!important to solve the layout differences between IE and Mozilla
!important is the syntax defined by CSS1, the role is to improve the application of the specified style rules priority, the most important point is: IE has not supported
Preface
In the previous section, we implemented a style table with CSS, and added a full selection feature, this section uses jquery to implement the deletion of the specified line function. The following effect diagram:
This chapter sample code
CSS Settings hyperlink styles are implemented by pseudo-classes
(1): Link: Sets the style sheet properties of the A object before it is accessed.
(2): visited: Sets a style sheet property whose link address has been accessed by an object that is
1. Inheritance
The inheritance of CSS means that child elements inherit some of the style attributes of the parent element . For example, when the parent element defines the font color (color property), the child element inherits the font color of
Originally thought that the text overflow processing is more complex, did not expect such a simple sentence to take care of, CSS is really magical:
. li {white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
Now learn to want to understand
this article is about the media f Ranchise. For the 1977 film, see Star Wars episode Iv:a New Hope. For other uses, see Star Wars (disambiguation) . the Star Wars logo, as seen on all Filmssta R Wars is a space opera franchise conceived by George
1. Normal status 2, mouse hover status 3.active Click Status 4.focus get Focus state
Focus is often used to remove the dashed border that occurs when a link is clicked
a:focus{Outline:none;}
hehhe
1, Learning CSS "box model" (top) (emphasis)
http://www.108js.com/article/article8/80058.html?id=1766
One is to understand the internal structure of a single box, and the other is to understand the relationship between multiple boxes.
This article to share the content is about how to solve the problem of TD too long? CSS implementation will be fixed width table open (text), the content is very detailed, the need for friends can refer to, hope can help you.
Workaround:
Add 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.
A Free Trial That Lets You Build Big!
Start building with 50+ products and up to 12 months usage for Elastic Compute Service