文章目录
标签选择器作用格式注意点id选择器作用格式注意点类选择器作用格式注意点id和class的区别id选择器和class选择器的区别标签选择器
作用
根据指定的标签名称,在当前界面中找到所有该名称的标签,然后设置属性。
格式
标签名称{属性:值;}
注意点
1.标签选择器选中的是当前界面中的所有的标签,而不能单独选中一个标签;
2.标签选择器无论标签藏得多深都能被选中;
3.只要是HTML中的标签就可以作为标签选择器。
id选择器
作用
根据指定的id名称找到对应的标签,然后设置属性。
格式
#id名称{属性:值;}
注意点
1.每个HTML标签都有一个属性叫做id,也就是说每个标签都可以设置id;
2.在同一个界面中id的名称是不可以重复的;
3.在编写id选择器时一定要在前面加上#;
4.id名称是有一定的规范的:
id名称只能有字母、数字、下划线组成;id名称不能由数字开头;id名称不能是HTML标签的名称;在企业开发中一般情况下如果仅仅是为了设置样式,我们不会使用id,因为在前端开发中id是留给js使用的。
类选择器
作用
根据指定的类名称找到对应的标签,然后设置属性。
格式
.类名{属性:值;}
注意点
1.每个HTML标签都有一个属性叫做class,也就是说每个标签都可以设置类名;
2.在同一个界面中class的名称是可以重复的;
3.在编写类选择器时一定要在class名称前面加上 . ;
4.类名的命名规范和id的命名规范一样:
类名称只能有字母、数字、下划线组成;类名称不能由数字开头;类名称不能是HTML标签的名称;
5.类名就是专门用来给,某个特定的标签设置样式;
6.在HTML中每个标签可以同时绑定多个类名。
格式:
<标签名称 class="类名1 类名2....">