. center-block
Set the element to Display:block and center the display
. clearfix
Clear floating
. Show
Force element Display
. Hidden
Force element hiding
. sr-only
In addition to screen readers, hidden elements on other devices
. sr-only-focusable
Used in conjunction with the. Sr-only class to display when an element gets focus (for example, a user with a keyboard operation)
Efficient CSS development practices: CSS 3, LESS, SASS, Bootstrap, Foundation, and sassbootstrap
Compared with traditional image backgrounds, constructing a background color using CSS not only reduces the overhead of network transmission, but also attracts developers for its controllability.
As shown in figure 5.18, the designer designed a background image as the title background. For users who use comput
CSS 3 allows you to set multiple background images, each background image occupies a layer, the layer up and down according to the order in the CSS, the first written background in the top, each layer of the picture definition using commas separated.For example, the following code:Background:url (http://dotnet.aspx.cc/Book/Images/CSS1_s.jpg) 0 0 no-repeat, url (http://dotnet.aspx.cc/Book/ images/css2_s.jpg) 200px 0 no-repeat, url ("http://dotnet.aspx
CSS 3 allows you to set multiple background images, each background image occupies a layer, the layer up and down according to the order in the CSS, the first written background in the top, each layer of the picture definition using commas separated.For example, the following code:Background:url (http://dotnet.aspx.cc/Book/Images/CSS1_s.jpg) 0 0 no-repeat, url (http://dotnet.aspx.cc/Book/ images/css2_s.jpg) 200px 0 no-repeat, url ("http://dotnet.aspx
left to right from dark violet to lighter blue and then to dark blue, then a linear gradient with a multi-color value is defined as a style:. header{Background-image:-webkit-linear-gradient (left, #241a38, #012c57, #031a40); Background-image:-O-linear-gradient (left, #241a38, #012c57, #031a40);Background-image:-moz-linear-gradient (left, #241a38, #012c57, #031a40); Background-image:linear-gradient (left, #241a38, #012c57, #031a40);}The CSS scheme is used instead of the picture, and if the title
, #012c57, #031a40); Background-image:- O-linear-gradient (left, #241a38, #012c57, #031a40); Background-image:-moz-linear-gradient (left, #241a38, #012c57, #031a40); Background-image:linear-gradient (left, #241a38, #012c57, #031a40);}The CSS scheme is used instead of the picture, and if the title is folded, the title area is automatically propped up. No matter how many lines can be perfect fit, with very good flexibility, and greatly reduce the complexity of the implementation, but also save the
I first tested the following code and found that the background color did not appear when I printed the preview.
Oddly, if I delete the bootstrap style reference, I can print the preview normally. Want to be must be BOOTSTRAP3 set the @media print related attribute to cause.
Sure enough, open the source, found the following code:
@media Print {* {color: #000!important;
Text-shadow:none!important;
Background:transparent!importa
I. Basic usage of paragraphs1. Paragraph Use 2. Paragraph global use font-size=14px font..... More please use Firefox to view P > The University of Washington and Tsinghua University jointly launched a cooperative school program in Seattle, focusing on technology and design advancements. For both China and the United States, technology has been a key point in recent years. The project was sponsored by Microsoft for $40 million. P >Two. Emphasis on paragraph textYou can use Class=lea
Efficient CSS development practices: CSS 3, LESS, SASS, Bootstrap, Foundation, and sassbootstrap
Compared with traditional image backgrounds, constructing a background color using CSS not only reduces the overhead of network transmission, but also attracts developers for its controllability.
As shown in figure 5.18, the designer designed a background image as the title background. For users who use comput
[Original] efficient CSS development practices: CSS 3, LESS, SASS, Bootstrap, Foundation, sassbootstrap
The shadow effect is usually used to express the feeling that the light is projected on an object. If you want to create a 5.19 text shadow effect, you can use the linear gradient of the background to build it.
Figure 5.19 shows the effect of similar Beam Irradiation on text, which highlights the te
Bootstrap can create different styles of forms by using simple HTML tags and extended classes.
0x01 Style 1
A login interface:
The effect is as follows:
0x02 Style 2
If you want to display the label with the text box on the same line, modify the following:
The effect is as follows:
0X03 Style 3
If you put the text box on the same line, modify the following:
The effect is
Razor View, master page
Still not much to say, directly on the code
Here's the point.
$.widget.bridge (' UIButton ', $.ui.button);
var _url = $.geturlparam ("cid");
$ (". Sidebar-menu li a"). each (function () {//Reserved menu open Status
var _id = $ (this). Data ("id");
if (_id = = _url) {
$ (this). Parent (). Parent (): Show ();
}
});
$ (". Sidebar-menu li a"). Click (function () {
$ (this). AddClass ("");
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.