一、行内样式
直接在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来提高优先级。