CSS基础基础知识

CSS定义：cascading style sheet 层叠样式表。

语法：

选择器 {

     属性名1:属性值1;

     属性名2:属性值2;

     属性名3:属性值3;

     属性名4:属性值4;

}

CSS使用：

1、通过选择器选择上标签

2、在选择的标签上设置样式

选择器分类：

标签选择器： p{}

类选择器：     .className{}

id选择器：     #id{}

一些常见的样式：

color:red; 文字颜色

font-size:40px;//字体大小

background-color:blue;//背景颜色

text-decoration:underline;//添加下划线

text-decoration:none; //去掉下划线

所以要总结两条：

1） class可以重复，也就是说，同一个页面上可能有多个标签同时具有某一个类；

2） 同一个标签可以同时携带多个类，每个标签，就去选取自己想要的类： 。

总结：

1） 不要去试图用一个类名，把某个标签的所有样式写完。这个标签要多携带几个类，共同造成这个标签的样式。

2） 每一个类要尽可能小，有“公共”的概念，能够让更多的标签使用。

CSS高级选择器：

s1  s2             后代选择器

s1,s2              并集选择器(选择器组)

s1s2               交集选择器

s1>s2            直接儿子选择器，和后代选择器不一样

s1+s2           下一个兄弟选择器,后面紧挨着的第一个兄弟