基本选择器——使用css对html页面的元素进行控制

98 阅读1分钟

选择器

不论以何种方式引入,优先级不遵循就近原则,id选择器(同一页面只能使用一次)>类选择器(可以多次使用)>标签选择器(直接应用于html标签)

1、标签选择器

所有的页面元素都适用,可影响页面内所有的同一标签。
  p{
  color="";
  font-size="";">
  }

2、类选择器

加了类名才生效,是常用选择器;
使用小黑点,小黑点后的名称可自定义,style中类选择器名字需要与class=""保持一致;
类名可以是多个:class="a b c d ……"。
  .divclass{
  color="";
  font-size="";">
  }
……
<div class="divclass">
……

3、ID选择器

属性唯一,尽量不要在同一页面使用相同的ID,适用于某一特定标签,不经常出现(eg:div);
style中ID选择器名字需要与id=""保持一致,使用英文名,不能用标签名命名
  #ID(自定义){
    color="";
    font-size="";">
    }
……
<div id="自定义">
……

通配符选择器

*{属性:属性值;}
一般用于消除默认边距值和填充值
eg:{margin:0;padding:0;}