For each different screen, choose a different style sheetIn the responsive layout, you can discard without reservation:First, as little as possible with insignificant div;Second, do not use inline elements (inline);thirdly, use JS or flash as little as possible;Four, Discard unused absolute positioning and floating styles;Five, discard any redundant structures and do not use the 100% setting. Have to have, discard some of the responsive have influence of East, then what can help responsive to de
following code:
2. CSS Embedded style sheet
The embedded CSS style is the ability to write CSS style code between tags. The following code is implemented to set the text in three
Embedded CSS styles must be written between , and in general the embedded CSS style is written between
3. CSS external style sheet
An external CSS style (also known as an inline) is to write the CSS code in a separate external file, with the CSS style file " .css " as the extension, within
base.css" rel="styles
Inline Advantages Control the exact disadvantage is that the code resets poorly; page code chaos precedence embedded Advantage is that code reusability is a good disadvantage is that control does not have an inline precision priority next external Embedding Advantage is the best drawback of code reusability is to control the least accurate priority and embed the same inline Advantages Control the exact disadvantage is that the code reset is poor; page code chaos precedence highest embedded A
1 PackageJUnit;2 3 ImportOrg.activiti.engine.ProcessEngine;4 Importorg.activiti.engine.ProcessEngineConfiguration;5 Importorg.junit.Test;6 7 Public classTestactiviti {8 9 /**Ten * 23 Tables required to create a workflow using code One */ A @Test - Public voidcreatetable () { - //to create an instance of a Activiti configuration object theProcessengineconfiguration configuration =processengineconfiguration.createstandaloneprocessengineconfiguration (); - //Database
CSS style sheets have been written for a long time, but someCSSStyle attributes still have some problems. For example, write in the pastCSS styleForPositionAttributes are rarely used. It is also relatively unfamiliar. Different browser parsing results are also a big problem. Write this articleArticleLet's take a deeper look at it.PositionAttribute usage and background-position usage.
PositionThe original English meaning is the position, position, st
After learning, we are more and more deeply aware of the advantages of CSS compared with the previously learned html. We believe that it has the following technical advantages:
1. Easy to modify webpage formats: CSS controls webpage styles independently. Therefore, it is very easy to modify and update webpages.
2. Easily add special effects on the webpage: excessive use of images on the webpage will damage the storage format of the original text and prolong the download time. If the image filt
CSS ( cascading Style Sheet , overlay style sheet), the function is to beautify HTML Web page. /* Comment Area */This is the comment syntaxOne, style sheet(i) Classification of style sheets1. Inline style sheetcombined with HTML display, the control is accurate, but reusability is poor, redundancy is more. Example: 2. inline style sheetembedded in a Web page as a separate area, it must be written in the head tag. 3. external style sheetCreate a new CSS file to place the style sheet. If you wan
CSS (cascading style Sheet, overlay style sheet), the role is to beautify the HTML page. One, style sheet(i) Classification of style sheets1. Inline style sheetcombined with HTML display, the control is accurate, but reusability is poor, redundancy is more. Example: 2. inline style sheetembedded in a Web page as a separate area, it must be written in the head tag. 3. external style sheetCreate a new CSS file to place the style sheet. If you want to call a style sheet in an HTML file, you need
blockWidth: WideHeight: HighList-style: Position type picture;List-style-type: List-marked style, none removedList-style-image: List PictureList-style-position: Location of list styles4. Format layoutPosition: position, absolute absolute position, relative to the position of the browser boundary, relative relative position relative to where it should have been. Fixed: fix position, it does not scroll with.After setting the position, you can use the top right bottom the left of the four styles.f
-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
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.