css笔记01:CSS例子

时间:2021-07-06 07:26:17
body {
margin:0;
padding:0;
background:#000 url('images/backgrounds/star.png') no-repeat fixed;
font: 12px sans-serif;
}

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

css笔记01:CSS例子

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

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

(3)CSS中background属性详解

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

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