标签选择器
什么是标签选择器
根据指定标签名称,在当前页面中找到所有该名称的标签,然后设置属性。
格式
标签 {
属性: 值;
}
注意点:
1.标签选择器选中的是当前界面中所有的标签,不能选择一个单独标签。
2.标签选择器无论标签隐藏多深都能选中,层层嵌套,只要是p标签全部都修改样式。
3所有的标签都可以作为标签选择器。(h/a/input……)
id选择器
什么是id选择器
根据指定的id名称找到相应的标签,然后设置属性。
格式
#id名称{
属性: 值;
}
注意:
1.每个标签都有一个属性叫id.
2.在同一界面中id名称是不可以重复的。
3.编写id选择器时,一定要在id前加上#。
4.id名称只能由字母,数字,下划线组成。[A-z0-9_], 但是不能由数字开头。
5.id名称不能是html标签名称。
6.在企业开发中一般如果仅仅为了设置样式,我们不会使用id,前端开发中id一般是给js使用的。
类选择器
什么是类选择器
根据指定的类名称找到相应的标签,然后设置属性。
格式:
.类名{
属性: 值;
}
注意:
1.每个标签都有一个属性叫class.
2.在同一界面中类名称是可以重复的。
3.编写class选择器时,一定要在class前加上. 。
4.类名的命名规范和id名称的规范一样。
5.类名专门给某个特定标签的标签设置样式
6.在HTML中每个标签可以同时添加多个类名。
<标签名 class=“类名1 类名2 ……”>,不能写两个calss。
id和class区别
1.id相当于身份证不可以重复,class类可以重复,就像由同一个类实例化的对象,都是同一个类。
2.一个html标签只能绑定一个id名称,可以绑定多个class标签。
id选择器和class选择器区别
1.id选择器以#开头的,class选择器是以.开头
2。id一般是给js使用,除非特殊清情况,不要使用id来改变样式
3.这两个选择器优先级会比标签选择器高,如果标签选择器设置了统一样式,可以通过这两个选择器修改。
4.可以将一些公共代码抽取到一个类选择器中,然后让标签与这个类选择器绑定即可。
快捷键:p#id名.class名+table键 直接生成id class属性