Ben New has not graduated, in an outsourcing company for one months, due to worry about daily tasks, deep outsourcing of the pit, as well as work hard, special to the implementation of ERP, following the daily essays, hope that the next day Dick Silk attack, embark on the peak of life.
If there is a mistake, please the Elder to guide the maze, under thanked.
<!DOCTYPE HTML><HTMLLang= "en"><Head> <MetaCharSet= "UTF-8"> <title>Wide, high, background</title> <style> /*html{font-size:30px; }*/Body{font-size:20px; }Div{width:200px;Height:900px; /*for this div element, you want to set how much width height, such as width is 100px, high is 10px these things you casually set (according to actual needs)*/ /*for an element such as Div,span,a, HTML 5 also appears with some new tags, such as canvas. The so-called style is the element, or the element inside the font or picture set (Text style))*/ /*background-color: #000;*/ /*background-color:red;*/ /*Background-color:rgb (0,0,0);*/ /*Background-color:rgba (0,0,0,0.5);*/ /*This is how the background is expressed.*/ /*Background-image:url (search.png);*/ /*background-position:left top;*/ /*Background-position:center Center;*/ /*background-position:20px 10px;*/ /*background-position:20px 20px;*/ /*the position of the background picture, the first value is the horizontal direction, the second is the vertical direction. Can be a value or a Top,center class*/ /*background-repeat:no-repeat;*/ /*background-repeat:repeat-x;*/ /*background-repeat:repeat-y;*/ /*This is to set whether the background picture is tiled, and the tiling direction. */ /*Next is the compound style, give the element a background picture, position, whether tiled. */background:Red URL (search.png) 50px 0px no-repeat; /*understanding other properties of the background*/background-attachment:fixed; /*whether the background graph scrolls scroll is scrolled, fixed relative to the screen position, does not move with the scroll bar;*/ /*background-size:50% 50%;*/background-size:10px 500px; /*set the background picture size, this property has compatibility issues*/ /*more such as multi-background, and later on, these commonly used properties to be familiar with. */ } /*span{Display:block; Font-size:4em; } span a{Display:block; Font-size:1em; }*/ /*span{Display:block; Font-size:2rem; } span a{Display:block; Font-size:2rem; }*/ </style></Head><Body> <Div>This is a container, and then we have some settings for the width, height, and background of the container. </Div> <!--<span> This is em <a href= "javascript;" > This is the em</a> under the Span tab </span> - <!--add a SPAN element under body, set the font size for the span element, EM, which inherits the font size of the parent element body, and a in span of 1em, meaning that the font size in a and the parent span font size have been. It can be seen that if the nesting is more complex, EM is more complex. - <!--<span> This is rem <a href= "javascript;" > This is the rem</a> under the Span tab </span> - <!--REM is set relative to the root element html size, (px relative body,em relative to the parent), if the browser zoom affects the font effect, will use REM to set the font style, of course, CSS3 will have compatibility issues, for ie6-8, we can together with the PX write. - <!--usually in the HTML or body to add font-size:62.5%, is 16px=1.6em=1.6rem, can be more convenient to write. The question about the unit is about here, the understanding is limited, until the actual business to do the analysis. -</Body></HTML>
CSS width High background introduction