This example for you to share the bootstrap input frame group of specific code for your reference, the specific contents are as follows
Learn why the table width for Table-cell is set to 1%.
Http://www.tuicool.com/articles/VzUVfyi
By adding the
In the design of the page layout, there will often be large screen content display Jumbotron
As the name suggests, the component can increase the size of the caption and add more margins (margin) to the landing page content.
The source can be seen:
A button is a component that no system can be missing, set to the size, color, status, etc. of the button.
BTN source code
. btn {
display:inline-block;
PADDING:6PX 12px;
margin-bottom:0;
font-size:14px;
Font-weight:normal;
line-height:
Bootstrap provides three ways to code display: inline code
1. Use element shows single-line inline code
Inline code is primarily about setting the background color of the code element and its inner text color.
Usage
//source code
{
Using abbreviations can help reduce the size of your CSS files and make it easier to read. The main rules for CSS abbreviations are as follows:
Color
16 The color value of the binary, if the value of each two digits is the same, you can abbreviate
| A Lazy Getaway | The Heart is connected | Love in the East China Sea | Worry-Free Manufacturing | I foshan people | Rustling Rain |
Purple Truth | &L T;center> The key question is not how far you go, but whether you have the
The principle is to use the Alpha filter to add a transparent gradient to each table, controlled by the background color of the table, with a single TD controlling another color gradient
Alpha Filter
Syntax: {filter:alpha
Of course still use the picture, just can produce the color that oneself need picture.
http://www.neuroticweb.com/recursos/css-rounded-box/
The picture that is generated above and the following code exist under the same folder:
css fillet
Background Background Setting background color
this is header 1 this are header 2 this is a paragraph
[Ctrl + A All SELECT Note: If the need to introduce external JS need to refresh to perform]
Set a picture as
In the next, summed up a few HTML coding elements, hope to guide you:
1. The size of the text itself is incompatible. The same is font-size:14px of the song text, in different browsers occupy the space is not the same, ie under the actual occupation
Use Line-height to center verticallyline-height:24px;If you use a fixed-width container and you want a row to be centered vertically, you can use Line-height (which is the same height as the parent container), and more vertically centered summaries
This property can be used when you think the picture is too close to the text.
Graphics and text spacing: hspace and vspace settings
1. Horizontal interval: hspace.
For example: (units are also computed in pixels (pixel). )
2. Vertical spacing:
Here's an example of some of the more commonly used properties.
Margin
margin-top:1px;
margin-right:1px;
margin-bottom:1px;
margin-left:1px;
Code simplification to:
This has a new problem, the current work in the IE7 of the Web page in the IE8 will have problems.
Microsoft offers three modes of parsing pages in IE8
IE8 Standard Modes: The default of the most standard mode, strictly in accordance with the
css List Grid View layout css List Grid layout compatible and Teste D with IE6, IE7, Safari 2, Safari 3, Firefox 2, Opera 9.21 list grid view
sodales Porta libero.n sodales Porterat. Nunc EU risus ut dolor bibendum
Do you want to create a title with a gradient without Photoshop? Here's a simple CSS trick to show you how to use CSS and PNG images only to create this effect. This method is tested for most mainstream browsers. Of course, IE6 needs a hack that
The first time to write a CSS Tree menu is relatively simple, only level two directory, JavaScript code in total less than 10 lines, mainly by the inclusion of CSS in the written form to achieve.
Demo Address :
(1)
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