CSS基础样式

一、行内样式

直接在body中写

二、内嵌样式（若在head中写，需要先在head中写<style></style>，然后把所有内容写在style中）

先在body中写<div></div>，然后再head里的style中写需要的样式。

1.基本元素选择器

先在body中写<div></div>，然后在head中写div{    }或span{     }或p{       }

2.class类名称选择器

先在body中写<div class=“ block ”></div>（引号中是自己起的名字），然后在head中写 .block 。

3.id选择器

先在body中写<div id=“ block ”></div>（引号中是自己起的名字），然后在head中写 #block 。

4.子父元素选择器

先在body中写，然后在head中写。

第一种写法#ulmenu>li{     }直接子辈。第二种写法#ulmenu    li{     }所有子辈。

 

5.属性选择器（就是选择某种属性）

直接在head中写div[class][id]，可以是单个/多个属性，也可以是属性值。

三、外部样式

第一步新建CSS并命名。第二步在HTML的head中写link，第三步在body中写div。第四步，返回CSS中写需要的样式。

注：样式相同时，行内样式优先级最高，内嵌样式其次，优先级最低的是外部样式；若样式不相同，则元素的样式会混合使用。

可以用 ！important来提高优先级。