@charset "Utf-8";/*! * @ Name: Base.css * @ function: 1, reset browser Default style * 2, set generic atomic class*//*prevents users from customizing the effect of background color on Web pages, adding allows users to customize fonts*/HTML{background: White;Color:Black;}/*internal and external margins often make different browser styles behave differently*/body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,bloc
meaningless, but any one control even if it is dynamically generated, his cssclass is still customizable, so when your label needs to use the server-side control instead, The ID of the server-side control is indeterminate, then use the class selector so that you can simply set the server-side control's CssClass to the name of your class selector. (Of course, this also requires a lot of experience accumulat
= "Gandalf", class= "Aragorn" to distinguish different story lines. It is also very important that you can use any number of classes in a document.
As with IDs, it is often used to define a single mark on the page that appears only once. In a structured layout of page layouts (for example, usually a page is made up of a header, a header, a content area, and a footer), it is generally ideal to use IDs because an ID can only be used once in a document.
Difference between Class and ID: difference between margin and padding CSS learning notes
Difference between Class and ID: difference between margin and padding CSS learning notes _ experience exchange
Because 99.99% of CMS uses p + css to construct webpage templates, it is forced to be helpless. The hacker needs t
Class and ID difference margin and padding difference CSS Learning notes _ Experience Exchange
Since now 99.99% of the CMS are using P+CSS to build Web templates, was forced helpless, a lot of age also to learn CSS, to tell the truth did not feel to use p to layout than table good where! But by the force of the trend, the first bite to see, can learn how much.Based on the principle of separation of data
Because now 99.99% of the CMS is to use DIV+CSS to build the Web page template, was forced helpless, a lot of age to learn CSS, to tell the truth did not feel the layout with div better than table where! But by force, first bite the bullet to see, can learn how much is how much.
According to the principle of separating the data from the structure, CSS is better to be independent of the Web page file,
Copy Code code as follows:
Statement to transfer a CSS file into a Web page file,
Padding and margin can make the appearance of an area display completely the same. So it may make many people think that padding and margin are interchangeable. In fact, they are very different, and you need to carefully consider which one you choose. I think the principle of using padding for containers or using margin for labels in containers is as follows: whe
TitleBootstrap defines the style of all HTML headings (H1 to H6), which is no different from normal HTML. Take a look at the following example:
123456
Inline sub-captionIf you need to add an inline subtitle to any heading, simply add the . Small class, so you can get a lighter text with a smaller font size, as shown in the following example:
12345678
class="
Chinese women in India to increase the surge of South Tibet Chinese Women Display effect:EmphasizeThe default Accent label for HTML Bootstrap provides some classes for emphasizing text, as shown in the following example:class="Text-left"> Left align align class="Text-center"> Center aligned align class="Text-right"> Right align Align
= "background: #DA81F5;">Fast floating to the rightDiv>Div>Body>HTML>The results are as follows:Content CenteredUse class Center-block to center the element.DOCTYPE HTML>HTML>Head> title>Bootstrap Instance-center content blocktitle> Linkrel= "stylesheet"href= "Http://apps.bdimg.com/libs/bootstrap/3.3.0/css/bootstrap.min.css"> Scriptsrc= "Http://apps.bdimg.c
This article mainly and everybody introduced thinkphp frame page class and Bootstrap page (beautify), need friend can refer to, hope can help to everybody.
Bootstrap how to use the style here to write the link content
2. Related Controller code
All public function All_news () { $Article =m ("article"); $where [' Article_type ']=1; The total numbe
Solve Some css class conflicts between bootstrap and easyUI ., Bootstrapeasyui
Today, we found that the css classes of bootstrap and easyui have repeatedly used a very stupid solution. Such a trivial issue cannot be searched on the Internet.
I first reference bootstrap and then reference the easy UI.
Bootstrap common class name
BootstrapAssign a class name to a label(class name)To generate the effect tag of the corresponding class name.Grid options
row: Line
col-*-*: Column (First*Can beXs [Ultra small]/Sm [small]/Md [medium]/Lg [large]Second*Must be less than 12 [column
In the Bootstrap grid system (source code) There is this paragraph,[class*= "Span"] { float:left; Margin-left: @gridGutterWidth;}To run with recess, you'll see a hint:Universal selectors should be avoided。 This can be said to be a selector problem, but also can be said to be a recess problem, but can be run at the time of adding a parameter ignored.When you wri
Bootstrap tool Class1. Close button
A symbolic closed icon can be used to disappear the mode dialog box and warning box.
times;
2. Carets
Use the insert operator to indicate the function and direction of the drop-down. Note that the default insert operator is automatically reversed in the dropup menu.
3. Fast floating setting
These two classes let the page elements float left and right. ! Important is used to avoid some problems. You can also use th
1. Contextual text colorFonts in various shadesPclass= "text-muted">Bootstrap Video TutorialP>Pclass= "Text-primary">Bootstrap Video TutorialP>Pclass= "Text-success">Bootstrap Video TutorialP>Pclass= "Text-info">Bootstrap Video TutorialP>Pclass= "Text-warning">Bootstrap Vide
Base class
. code to display single-line inline code. Pre to display multi-line block code. kbd to display user input code. pre-scrollable height exceeds 340px, scroll bar appears on Y axis
Form class
. table base table margin-bottom:20px, light gray solid line at thead bottom 2px, light gray solid line at the top of each cell. table-striped: Zebra table, inte
Original:bootstrapSome of the auxiliary classes that may come in handy in Bootstrap. textThe following different classes show different text colors. If the text is a link the mouse moves to the text that is dimmed:
class
Description
. text-muted
Text styles for the "text-muted" class
. text-prima
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.