Box model in CSS-- Head first into CSS

1. line height: the space between lines


you can use pixels or em, percentage that is relative to font-size to specify the value 


body {

line-height: 1.6em;

}



2. BOX 

CSS treats every single element as if it were represented as a box.




Content Area:








.gurantee {


border-color: black;

border-width: 1px;

border-style: solid;

background-color: #a7cece;

background-image: url(images/backgroundimage.jpg); //background image is purely for presentation, but not for the content. So instead of using <img> we use background-image 

// background image will only show within border, not including maring.

background-repeat: no-repeat; 

background-position: top left;

padding: 25px;

padding-left: 80px; 


/* Order matters here(padding and padding-left)—if you switch the order, then you’ll set the padding for the left side first, and then the general padding property will set all sides back to 25 pixels, including the left side! */

margin: 30px;


}






Border












發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章