在每一个标签都可以设置style属性

background-color

height

...

编写css样式：1.标签的style属性2.写在head里的style标签中写样式1.id选择器(但是id不可以重复，所以标签若都想用该样式就变得比较麻烦)#i1{

background-color:#2459a2

height:48px

}2.class选择器(常用)

.c1(class可以重复，当标签的class是c1时可以匹配到该样式)

{

background-color:#2459a2

height:48px

}标签>

3.标签选择器/*匹配所有div标签应用该样式*/div{

background-color:red;

color:green

}4.层级选择器(空格分隔，在class="c1","c2"中的div标签应用该样式)

.c1 .c2 div{

}5.组合选择器(逗号分隔)#i1,#i2,#i3 div

{

}6.属性选择器(对选择到的标签再通过属性再进行一次筛选)1.input[属性]{样式}

input[type="text"]{width:100px}

2..class名[属性][样式]

.c1[n='li']{width:20px}PS:

优先级：标签上style优先；编写顺序，就近原则7.

可以将CSS样式保存到CSS文件中，再用Link标签匹配使用

如：

.c1(class可以重复，当标签的class是c1时可以匹配到该样式)

{

background-color:#2459a2

height:48px

}(保存为Stylesheet文件)

然后在需要应用该样式的网页制作中导入：增加display属性：

***display:none;(让标签消失)12.padding margin(0,auto)*边距***padding:内边距(自个div的宽度增减,top,bottom)***margin:外边距(两个div之间的距离增减，top,bottom)()13.取消页边距：

body{

margin:0;

}14.最小宽度：

width:20%;/*最小宽度:当20%<200px时，采用200px；如果大于200px；采用20%的宽度*/min-width: 200px;15.line-height:xxpx;(上下居中)

此属性应该放置于父级标签中，子级标签的内容将会上下居中16.text-align:center;(水平居中)17.border-radius:50%;

将边框圆化，一般用于制作小图标3.CSS中的注释：/* */

---实例(CSS选择器)

Title

{

background-color:#2459a2;

height:10px;

}/*匹配所有div标签应用该样式*/div{

background-color:red;

color:green

}/*应用于span标签下的div样式*/span div {

background-color:red;

color:green

}

2