端午小长假--前端基础学起来04CSS选择器

定义:

选择器{

  样式;

}

选择器指明{}中的样式的作用对象,即作用于网页中的哪些元素



选择器



慕课网(IMOOC)是学习编程最简单的免费平台。慕课网提供了丰富的移动端开发、php开发、web前端、html5教程以及css3视频教程等课程资源。它富有交互性及趣味性,并且你可以和朋友一起编程。


  • 标签选择器

  • 类选择器

语法:.类选择器名称{css样式代码};

注:1、英文圆点开头2、起名随意,不可中文

使用:

1、先用标签把要修饰的内容标记起来 如天气晴朗

2、使用class=“类选择器名称”为标签设置一个类,如:天气晴朗

3、设置类选择器css样式,如下:.stress{color:red;}





到了三年级下学期时,我们班上了一节公开课,老师提出了一个很简单的问题,班里很多同学都举手了,甚至成绩比我差很多的,也举手了,还说着:"我来,我来。"我环顾了四周,就我没有举手。


  • ID选择器

语法:与类选择器的区别有两点:(1)使用id=“ID名称”来设置类(2)前面是#号






三年级时,我还是一个胆小如鼠的小女孩,

类选择器和ID选择器的区别:

(1)ID选择器在一个HTML文档中只能使用一次,而类可以使用多次

今天天气很好,我们出去放风筝

(2)可以使用类选择器为一个元素设置多个样式,ID选择器不可以,只能设置一个样式

.stress{

  color:red;

}

.size{

  font-size:25px;

}

今天天气特别好...

  •  ♦♦♦子选择器

语法:即>,用于选择指定标签元素的第一代子元素,例子:将class名为first的下的子元素li加入红色实线边框