. warning or. Notification. The great advantage of meaningful class names is that they can be reused throughout the site. For example, you can also use the. Notification class on other types of messages to apply a completely different style depending on where they are located in the document.
The name of the difference
A good name
Red
Error
Leftcolumn
REM article title: Using the VBS class to implement CSS buttons
REM Author: Yanek
REM Contact: aspboy@263.net
Class Cssbutton
Public Name
Public BackColor
Public bordercolor
Public Font
Public FontColor
Public Width
Public Text
Public URL
Public Mouseovercolor
Public Function Generatestyletag ()
' Create ' STYLE tag
Dim Strstyle
Strstyle = """#mybutton" Name "
-origin:padding-box; Border-box: Starting from the outside frame show Padding-box: Starting from the inner margin Content-box: Start */7 from the content. Background picture clipping position background-clip:content-box;8. Composite properties for background back Ground:red URL (".. /.. /img/j.png ") no-repeat 20px 20px; It combines these four properties Background-color, Background-image, Background-repeat, background-position Two, sprite Figure 1. Entry explanation
Understanding the Pseudo class of CSS
A pseudo class (Pseudo classes) is a bolt of a selector that specifies the state of a selector that is or is related to it. They are in the form of Selector:pseudo class {Property:value}, simply separating the selectors and pseudo classes with a half-width English colon (:).
Many o
Body { margin:0; padding:0; background:#000 url (' images/backgrounds/star.png ') no-repeat fixed; Font: 12px sans-serif;}Here the body is the selector, where CSS attributes such as margin, padding, background, and font are applied to the BODY element,To use CSS to implement one-to-one, two-to-many or more-to-many controls on elements in an HTML page, you need a
This is an article about CSS hack, this article refers to the CSS hack is for class, id the attributes of the hack, the order of arrangement are required. Today to talk to you about class, id do CSS HACK.
The code is as follows
Copy Code
. test
The 2d conversion of CSS is very powerful, it can realize more dynamic interaction between the elements of the page and the user without using JS, and enhance the user experience. One of the most used is the hover pseudo-class.1. Create a DIV element for a page:DOCTYPE HTML>HTML> Head> MetaCharSet= "Utf-8"> title>2d Conversion Testtitle> Head> Body> DivID= "FR">
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 t
If you want to set CSS styles in HTML elements, you need to set the "id" and "class" selectors in the element.
ID SelectorThe ID selector can specify a specific style for an HTML element that is labeled with a specific ID.The HTML element sets the ID selector with the id attribute, and the ID selector in the CSS is defined as "#".The following style rules a
: Before: The function of After is to insert an inline element containing the content specified by the content property before or after the specified element contents (not the element itself), with the following basic usage:#example:before { content: "#"; color: red;}#example:after { content: "$"; color: red;}This code inserts a ' # ' before the content of the #example element, and adds a ' $ ' after the content, and the inserted inline element is the child of the #example, with the
ID and Class SelectorIf you want to set CSS styles in HTML elements, you need to set the "id" and "class" selectors in the element.
ID SelectorThe ID selector can specify a specific style for an HTML element that is labeled with a specific ID.The HTML element sets the ID selector with the id attribute, and the ID selector in the
Text text colorIf the text is a link, the text is dimmed when you move the mouse over the linked text. text-muted: Grey. Text-primary: Light Blue. Text-success: Green. Text-info: Dark blue. text-warning: Orange. Text-danger: RedText position. Text-left: Text left Justified. Text-center: Text Center alignment. text-right: Text right-alignedWrap text. text-justify: Text alignment, out of screen part text wrapping. TEXT-NOWRAP: Paragraph beyond the screen part does not wrapText case. text-lowercase
css| Skills | Web page
ID and class How to use, in the title of the use of the principles and techniques, the use of principles and techniques here is my summary of experience, not from which the book, so is not what authoritative discussion, please users in this article when you need to have assertive reading, do not be confused by my bogey.
The use principle of ID and
"Float" property of CSS
"Analysis Notes" Web page the most basic syntax for accessing a given CSS value is: Object.style.property, but some CSS properties are named the same as the reserved words in the web effects, such as "float", "for", "class" and so on, different browsers are written differently.
Write this in I
In CSS, the class selector is preceded by the class name with a dot number, if the multi-class is not to hit more than one point number and the. Important.urgent this form.
Class SelectorIn CSS, the
Sometimes, we can extract the common parts of multiple class selectors or ID selectors, HTML selectors, and write together, so the advantage is that we can simplify the CSS file1. Let's first look at a piece of code. CSS, as follows:@charset "Utf-8";/*CSS Document*//*Admissions Ads*/. Ad_stu{width:136px;Height:196px;Ba
[Switch] CSS target pseudo Class E: target CSS3 target pseudo class has to talk about those things (implement tab switching with pure CSS)
Do you think target is a little familiar ?!
What I want to talk about todayNoThe HTML tag has a target attribute.
The target pseudo class
Pseudo-Class selector inductionPseudo-class selectors are much more difficult to remember without classifying them. We can divide him into two categories first.
Related to the element itself, similar to the link click before the click
is related to the structure in which the element is located in the DOM structure, similar to the nth element, or an odd line.
It is related to the state of t
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.