CSS background color

Related Tags:

  C S S of this chapter major role in the front end of the chapter on the statement and application of the methodology and some of the features, this chapter, will be formally introduced into the css instructions!    This chapter two on the theme of the first part of the introduction and Background Color is the nature of CSS, and its main role is to set the prospect of elements of color, Background Color and background graphics, and other forms of nature settings, and the second You were introduced to the Display Element is used to control the location of the CSS instructions. 


  Color background C S S directive 
  Color settings color prospects 
  Support: IE3, IE4, NC4 
  Apply: all the elements of possible values: <color> color settings, please refer to the use of Chapter 1 Color default note: As the browser may be inherited: a general Example: span (color: BLUE) 
  Coaxial Example: <SPAN style = "color: BLUE"> 

  Background-color background color settings 
  Support: IE4, NC4 
  Apply: all the elements of possible values: <color> color settings, please refer to Chapter 1 Color transparent use of the note will be the father of elements (color or pattern) the background transparent default: transparent 
  Inheritance: general Example: body (background-color: BLUE) 
  Coaxial Example: <BODY style = "background-color: BLUE"> 

  Background-image set background graphics 
  Support: IE4, NC4 
  Apply: all the elements of possible values: <url> configuration file URL, please refer to Chapter 1 url note that none of the non-use of pictorial default background: transparent 
  Inheritance: general examples: 
  BODY (background-image: URL ( "http://yourweb/path/file_name")) 
  Coaxial Example: 
  <BODY Style="background-image:URL('http://yourweb/path/file_name')"> 

  Background-set Background Repeat repeat 
  Support: IE4, NC4 
  Apply: all the elements of possible values: background graphics repeat repeat repeat-filled pages x background graphics horizontal direction repeat repeat repeat-y vertical direction background graphics no-repeat not repeated background graphics default: repeat 
  Inheritance: general Example: BODY (background-repeat: repeat-x) 
  Coaxial Example: <BODY style = "background-repeat: repeat-x"> 

  Background-set Background Attachment attachment 
  Support: IE4, NC4 
  Apply: all the elements of possible values: Recipe scroll background graphics with the scroll with the fixed background graphics Recipe Scroll (watermark) default: scrool 
  Inheritance: general Example: BODY (background-attachment: fixed) 
  Coaxial Example: <BODY style = "background-attachment: fixed"> 

  Background-position settings background position 
  Support: IE4, NC4 
  Apply: block element may Value: <percent> X% Y% graphics on the X% Y% of the points at the elements of X% Y% XY Position <length> graphics will be placed in the upper left corner of the upper left corner of the level of X elements of the vertical Y Background graphics placed in the center background graphics on the left left right background graphics background graphics on the top right of the top of the background graphics on the Bottom at the bottom of default values: 0% 0% 
  Inheritance: general Example: BODY (background-position: 100% 50%) 
  Coaxial Example: <BODY style = "background-position: 100% 50%"> 

  Comprehensive set of background background 
  Support: IE3, IE4, NC4 
  Apply: all the elements of possible values: background-color set background color background-image set background graphics background-repeat-set background repeat background set background attachment attachment background-position background settings default position: inheritance: No general examples: 
  BODY (BLUE url (image / gif) repeat-x fixed center) 
  Coaxial Example: 
  <BODY Style="BLUE url(image/gif) repeat-x fixed center"> 
  Location of the storage of C S S directive 
  Float set floating nature (used for text around the situation map) 
  Support: IE4, NC4 
  Apply: block or graphic elements may Value: left elements of the left, the text elements on the right-hand lane right right and left none on the text to show that the default method default values: none 
  Inheritance: general Example: DIV (float: right) 
  Coaxial Example: <DIV style = "float: right"> 

  Clear set of clearance (set to allow the existence of floating elements) 
  Support: IE4 
  Apply: block or graphic elements may Value: if both sides are floating element, the element of floating elements moved to the bottom of the left if there are left floating element, the element of floating elements moved to the right side of the bottom right if the floating element, the element none moved to the bottom of the floating element to the default method showed that the default values: none 
  Inheritance: general Example: DIV (clear: right) 
  Coaxial Example: <DIV style = "clear: right"> 

  Width width settings 
  Support: IE4, NC4 
  Apply: block or graphic elements may Value: <length> units of length, please refer to the Basic unit of Chapter I note <percentage> percentage of the width as the base element father auto automatically change to a fixed proportion of the size default: auto 
  Inheritance: general Example: DIV (width: 300pt) 
  Coaxial Example: <DIV style = "width: 300pt"> 

  Set a high degree of height 
  Support: IE4, NC4 
  Apply: block or graphic elements may Value: <length> units of length, please refer to the basic unit of Chapter I note <percentage> percentage of the width as the base element father auto automatically change to a fixed proportion of the size default: auto 
  Inheritance: general Example: DIV (height: 300pt) 
  Coaxial Example: <DIV style = "height: 300pt"> 

  Set position position 
  Support: IE4, NC4 
  Apply: block element may Value: absolute benchmarks for the elements to the father, on display in a specific position relative to adjacent elements benchmark display in a specific location on the static default location to the elements in the source location of the default values : absolute 
  Inheritance: general Example: DIV (position: static) 
  Coaxial Example: <DIV style = "position: static"> 

  Set top top position 
  Support: IE4, NC4 
  Apply: block element may Value: <length> units of length, please refer to the basic unit of Chapter I note <percentage> percentage of the width as the base element father auto show in the normal way default: auto 
  Inheritance: general Example: DIV (top: 30pt) 
  Coaxial Example: <DIV style = "top: 30pt"> 

  Left left set position 
  Support: IE4, NC4 
  Apply: block element may Value: <length> units of length, please refer to the basic unit of Chapter I note <percentage> percentage of the width as the base element father auto show in the normal way default: auto 
  Inheritance: general Example: DIV (left: 30pt) 
  Coaxial Example: <DIV style = "left: 30pt"> 

  Cutting clip settings (setting the shape and size of a regional, regional, permeability) 
  Support: IE4, NC4 
  Apply: block element may Value: rect (top, right, bottom, left) to set the length of the left rectangle on the lower right will be automatically length ratio on the general wording on the Border for rect (0, length, length, 0) 
  Not writing for the rect (0,0, length, length) 
  Numerical all four can "auto" instead of auto show in the normal way default: auto 
  Inheritance: general Example: DIV (clip: rect (0100px, 50px, 0)) 
  Coaxial Example: <DIV style = "clip: rect (0100px, 50px, 0)"> 

  Overflow set overflow treatment (control over when the element contents of the element size of the display) 
  Support: IE4 
  Apply: block element may Value: visible element will be established according to the size, and can see all over the content elements hidden by the size of the hidden part will be not display scroll if necessary, allow the use of a scroll to see all of the auto contents to the default display default: auto 
  Inheritance: general Example: DIV (overflow: scroll) 
  Coaxial Example: <DIV style = "overflow: scroll"> 

  Visibility visibility set 
  Support: IE4, NC4 
  Apply: all the elements of possible values: setting the visible elements of the display settings hidden elements do not show, but still occupy space to inherit the father elements visibility decision default: inherit 
  Inheritance: general Example: DIV (visibility: hidden) 
  Coaxial Example: <DIV style = "visibility: hidden"> 

  Z-index Z-axis configuration parameters (three-dimensional) 
  Support: IE4, NC4 
  Apply: block element may Value: <number> into 10-bit values, the values of the elements will appear in numerical small elements when the elements above the auto position to repeat, the source behind the elements of writing will appear in the elements EDITORIAL Above default: auto 
  Inheritance: general Example: DIV (z-index: 3) 
  Coaxial Example: <DIV style = "z-index: 3"> 


Related articles:

Cascading Style Sheets (CSS cascading style sheets)
  CSS various attributes    Font attributes    Attribute attribute meaning of attribute values font-family what font to use all of the fonts font-style font whether italics Normal, italic, font oblique font-variant whether capital Normal body, the small-caps font-weight d...
Delay / regular / mandatory pop-up window JS code
  Parameters explained:    Set-up time: Then.setTime (Then.getTime () 1 * 60 * 60 * 1000)    Mylove / ttan.htm (Transitional website)    Ttan.htm the website http:// pop / pop-up to the website    Scroll: 1 (rolling)    Status: 1 (status b...
Goodbye Embed - some media player with the web standards code
  Goodbye Embed - some media player with the web standards code    As Embed label is the private property of Netscape, it has not been approved W3C, for the use of various media files Embed tag is non-standard, how to change?    Elizabeth Castro of Bye Bye Embed a text for...
Fireworks MX and Flash MX close cooperation (1)
  Three Swordsmen with previous website design web pages, is the feeling of most soft close in the Dreamweaver and Fireworks: Fireworks can be easy to picture cutting output to the Web to become Dreamweaver or output in the Dreamweaver object as long as easily in Dreamweaver a button, can be in...
The following acts are Baidu could be considered cheating
  The following acts could be considered cheating - the website source code in any location, and deliberately did not join with Web content related keywords.    -- The website source code in any location, a large number deliberately repeat certain keywords.    Even if the ...