码迷,mamicode.com
首页 > Web开发 > 详细

css笔记01:css例子

时间:2015-06-29 20:15:06      阅读:163      评论:0      收藏:0      [点我收藏+]

标签:

body {
   margin:0;
   padding:0;
   background:#000  url(‘images/backgrounds/star.png‘)  no-repeat fixed;
   font: 12px sans-serif;
}

 

(1)margin和padding的区别用图表示为:

技术分享

 

(2)CSS里定义body{ }和定义*{ }的区别

 

 1 * { 
 2     margin: 0; 
 3     padding: 0; 
 4     border: 0; 
 5 } 
 6 body { 
 7    background: #CCC; 
 8    padding-top: 20px; 
 9    text-align: center; 
10 }
11 
12 * 代表所有元素 
13 所以对*设置了属性 也就是对xhtml标签的所有元素设定了属性 
14 而body只是一个标签 
15 但是他是结构标签的开始 
16 所以给他设置的属性 如果之后的标签 有继承属性 那么他就会或者body标签允许继承的属性,比如背景颜色 字体大小 字体颜色等

 

 

(3)CSS中background属性详解

css2中有五个与背景相关的属性。它们是:

  • background-color:完全填充背景的颜色                    
  • background-image:用作背景的图片                           
  • background-position:确定背景图片的位置                 
  • background-repeat:确定背景图片是否重复铺平            
  • background-attachment:确定背景图片是否随页面滚动 
 background: #00FF00 url(bgimage.gif) no-repeat fixed top;

 

css笔记01:css例子

标签:

原文地址:http://www.cnblogs.com/hebao0514/p/4608209.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!