-only: The Selector element in the state of the systemSelector:read-write: Selector element in read-write statethe currently selected contents of the Selector::selection:selector elementWhere: Default refers to which state is not understoodBrowser-specific properties, plus prefix-ms-: Corresponding Internet Explore browser-moz-: Browsers that correspond to Gecko engines, such as the Firefox browser-o-: corresponding to Opera browser-webkit-: Corresponds to WebKit engine-based browser, such as Ch
-positionList-type-imageBox:Width heightDisplay overflowspan default to width height no effect, need to match display:inline, div default width and height function,But it doesn't work if its display:inline is wide and high.4. Format and layoutFlow-Through layout:Float:left/right Clera:bothElement juxtapositionElement nestingPositioning layouts:Position:fixed/absolute/relative;top Right Bottom LeftThe difference between three kinds of positioning methods①fixed--coordinates with the current browse
, occupying a position); visible displayThe difference between display and visibility is that the display hides the same element, and the visibility hides the position of the element, but the content is hidden.Overflow: Out of range ... Hidden out of hiding (no occupying position); Scroll out of scroll barCursor:pointer; Mouse on display (small hands)Hover: Is not a style, with the ID of the element or class, followed by a colon hover, which represents the mouse on this element to show which sty
:0px;margin:10px;position:fixed;Z-index:2;/*By default, the number of layers is 1*/}. A2{Border:5px Double Green;width:100px;Height:100px;Background-color: White; Right:30px;Top:30px;margin:10px;position:fixed; }Body>Divclass= "A1">Original LocationDiv>Divclass= "A2">Relative LocationDiv>Body>5. Flow-type layout: floatFloat:left (on the left side of the browser) right (by browser)Overflow:hidden (out of range hidden) scroll (out of range display scroll bar)6. Transparent effect: OpacityChapter 2
CSS style Precedenceinline > Internal > ExternalCSS definitions that use!important have the highest priority. Just in the IE6 out a little bit of bug, note that the writing method is generally easy to avoid.CSS in the!important is generally used for the lower version of the addition of IE 6, used to do hack, the following!important CSS statements, so that the browser preferred to execute this statement, because the CSS has inherited styles, plus!IMPORTANRT can override the parent style. IE6 does
1. Classification of Style sheets1.1 Inline style sheetCombined with HTML display, the control is accurate, but reusability is poor, redundancy is many.1.2 Inline style Sheetembedded in a Web page as a separate area must be written inside the head Tag.1.3 External style SheetsCreate a new CSS file to place the style Sheet. If you call a style sheet in an HTML file, you need to right-click in the HTML file---css style----attach the style sheet. The link connection method is generally used.2.1 Sel
I. Classification of Style sheets1. Inline style sheet2. Inline style sheet3. External style sheetTwo, style properties1. Background of style sheetBackground-color: Background colorBackground-image: Background imageBackground-position:center: Center Background2. FontsFont-family: Font styleFont-size: Font SizeFont-weight:bold BoldFont-style:italic TiltTest-decoration:underline Underline3. Borders and BordersBorder table borderMargin table outer Spacingpadding content and cell spacing4. Format an
elements within rows: the horizontal spacing between elements in two rows is determined by the right margin of the left element plus the left margin of the right element.2) vertical positioning between block-level elements: the distance between two block-level elements is larger than the other.3) positioning between nested boxes4) position between boxes when margin is negative: The block set to negative value moves in the opposite direction, even above the other block.8. Float float: Floating e
Style sheet classification1, inline type. Written in the body. Precise control and poor repeatability. Body > style= "color: #90F"> better return results also Div > body>2, embedded in the head is a double mark DOCTYPE HTML Public "-//W3C//DTD XHTML 1.0 transitional//en" "http://www.w3.org/TR/xhtml1/DTD/ Xhtml1-transitional.dtd ">HTMLxmlns= "http://www.w3.org/1999/xhtml"> Head> Metahttp-equiv= "Content-type"content= "text/html; charset=utf-8" /> title>Un
name {declaration block}Class selector---------------. class name {declaration block} class name itself, you need to include the class attribute in the start tag of the HTML tagID selector----------------#id值 {declaration block}Combo/Set Selector------tag name 1, tag name 2{declaration block} tag name not limitedPseudo class selector--------------for the A label a:link not accessed a:visited accessed a:hover mouse hover a:active Click {Declaration block}Descendant selector--------------to sign
of this approach is that, in some aspects of the unified style of the premise, the specific page can be specific adjustments. These two ways are not mutually exclusive, but are combined,For example, in the CSS file defines the P flag font size font-size to 10pt, and in the internal document can be defined P flag font color Font-color red;And in another HTML file that defines the color green, from here, you may also understand why style styles are called Cascading style
styleAn inline style sheet is where you place the definition of a style in the HTML tag.With inline styles, you need to use style attributes (style) within the associated HTML tags, and the style property can contain any CSS properties.style= "COLOR: #3F0; margin-left:100px ">this is a paragraphThis is the inline style of the label p, and the effect isNote: inline styles can damage many of the advantages of a style sheet.4. Problems with multiple stylesIf the same selector defines different pro
Each class of CSS is actually a definition of the box ~Each class is a definition of all the conditions within the Div.Including the text, the picture, the list, what, what, what, something like that?As with legislation, you are the country that is going to obey the laws of which countryThere are also provinces, municipalities, districts and companies under the country.ThisThen men have laws, females have laws, children have laws, old people have lawsCats and dogs and all kinds of animals also h
adding a small number of bytes.
Try to abbreviate CSS syntax. For example, the color value "#FFFFFF" can be written as "#FFF"; padding-top:30px; Padding-right:0;padding-bottom:10px;padding-left:2 0px "can be abbreviated to" padding:30px 0 10px 20px; ". There are more savings tips on defining skills, and you'll find better ways to keep up with the use of CSS.
Three. XHTML checksum problem
Because it is the style table competition, we pay attention to the CSS checksum, but in the XHTML com
Dreamweaver is expanding to more "net worm" hard drives with its powerful features, yet Dreamweaver is not as good as every feature. At the very least, the style sheet (CSS) settings are too professional, so that these English-poor "bugs" are a big headache. After the n download, installation, in the end I found the best already in their own hands, that is my storage for a long time-FrontPage2000. Below let me lead you to share "fool" software bring happiness.
One or three ways to add CSS
In F
The Z-index property in CSS is used to set the stacking order of nodes, and nodes with a higher stacking order will appear in front of the nodes with lower stacking order, which is our general understanding of the Z-index attribute. At the same time, we are always unpredictable stacking order, the value of the z-index is very large and may not be able to display the node at the front. This article will use some examples to analyze the usage of z-index, and to bring you into the concept of z-inde
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.