当前位置: 首页 > Web前端 > HTML

CSS基础选择器

时间:2023-03-28 01:12:30 HTML

CSS规则由两个主要部分组成,一个选择器和一个或多个声明。h1{颜色:红色;font-size:20px;}选择器用于指定CSS样式的HTML标签,大括号内的部分是为标签设置的具体样式。上面的h1是选择器,意思是这个页面的所有h1标签文字都是红色的,字号是20像素。要点:属性和属性值以“键值对”的形式出现属性和属性值之间使用英文“:”多个“键值对”用英文“;”隔开单独1.标签选择器标签选择器是指以HTML标签名作为选择器,按标签名进行分类,为页面中的某类标签指定统一的CSS样式。p{颜色:红色;font-size:10px;}缺点:无法区分,只能选择所有p标签。2.类选择器如果要区分选择不同的标签,单独选择一个或几个标签,可以使用类选择器。.red{color:red;

    我是红的
  • 我是黑的
  • 我是黑的
  • 我也是红的
我也是红的

我们也可以使用多个类名,这样更方便设置样式。当使用多个类名时,类名必须用空格分隔。我有很多样式
开发的时候可以把一些相同标签的样式放到一个类中,这些标签都可以调用这个public类,然后调用自己特有的类,可以节省CSS代码,统一修改也很方便。3.id选择器id选择器的使用和类选择器很相似,只是id选择器是用#定义的。#only{color:blue;}我是只有一个
id选择器在页面上只能使用一次,并不常用4.通配符选择器通配符选择器用*定义,表示选择页面中的所有标签。不需要调用通配符选择器,它会自动将样式应用到所有标签。通配符选择器仅在特殊情况下使用,例如清除所有标签的内外边距。*{保证金:0;填充:0;}