填充属性: 填充属性是用来控制元素边框内空间的大小, padding: 30px; padding-top: <length> padding-right: <length> padding-bottom: <length> padding-left: <length> padding: <top> <right> <bottom> <left>

边界距 边界距属性是用来指定两个元素边框之间的距离: margin:30px 分别设置上下左右边界距 margin-top: <length> margin-right: <length> margin-bottom: <length> margin-left: <length> 设置每个边界距: margin: <top> <right> <bottom> <left> 注意:数值方向的margin是会重合的,上面的margin是15px,下面的margin是30px他俩之间的margin是30px而不是45px.

边框2 边框颜色 边框颜色属性的指定方式和其它颜色属性一样: border-color:red bordercolor:#00ff00 border-color:rgb(0%,0%,100%) 规则如同其他颜色属性是一样的 边框风格: 在css中常见的几种边框风格: border-style: none (这种边框将看不到而且不占用空间) border-style: hidden(看不到但是占用空间) border-style: dotted border-style: dashed border-style: solid border-style: double border-style: groove border-style: ridge border-style: inset(内浮雕) border-style: outset(外浮雕)

h1 {color: #ccc: }

img.thumb{

border-width:12x

}

用css做布局有几个属性之间的关系必须要明了,

The Box Model (4个关系)
Margin(边界距)本身在英语中就是边界的意思,是指一个元素的边框与另一个的之间的距离
Border(边框) 无论你看不看得见它都是存在的
padding(填充)是content和border之间的空间,就是填充物
content(内容),可以是图片文本任何元素

就像颜色属性背景颜色属性指定的是背景颜色

p{
background-color: red;
}

规则跟颜色属性一样

可以指定任何一部分的颜色,如段落的背景颜色

css Color 属性

在css中,你可以使用颜色属性来制定任意元素的颜色,比如

p{
color; red;
}

五种颜色指定方法:

Property Value Discription
color: <color keyword> 设置颜色为给定的值
color: #rrggbb 用HTML的16位进制来表示
color: rgb(rrr,ggg,bbb) 制定RGB三种颜色的数值(0-255)
color: rgb(rrr%,ggg%,bbb%) 通过rgb的百分比
color: inherit 继承父值

常用的颜色关键字:
aqua,black,blue,fuchsia,gray,green,lime,maroon,navy,olive,puple,red,silver,teal,white,yellow

如:

h1 { color: puple; }
h2 { color: fuchsia; }

群选择符 演示

这是第一个段落.

这是第二个段落.

这是第三个段落.

你可以同时为多个选择符应用同一套规则,就像这样:

p,h1,h2{
text-align: left;
}

每个选择符之间用逗号隔开.

甚至你还可以在群选择符中参杂ID类别等:

p.navigation,h1#title {
font-weight:bold;
}

navigation
[ˌnæviˈɡeiʃən]
n.
航行(学); 航海(术), 航空(术)
Navigation is difficult on this river because of hidden rocks.
由于多暗礁, 在这条河上航行很困难。
导航, 领航
The compass is an instrument of navigation.
罗盘是导航仪器。