课程名称:初识HTML(5)+CSS(3)-升级版
课程章节: CSS3选择器
主讲老师:五月的夏天
课程内容:
今天学习的内容包括: 什么是选择器? 标签选择器有哪些?什么是类选择器?什么是ID选择器?类和ID选择器的区别?
课程收获:
每一条css
样式声明(定义)由两部分组成,在{}
之前的部分就是“选择器”,“选择器”指明了{}
中的“样式”的作用对象,也就是“样式”作用于网页中的哪些元素。
标签选择器其实就是html
代码中的标签。其中有<html>
、<body>
、<h1>
、<p>
、<img>
。
类选择器在css
样式编码中是最常用到的,语法.类选器名称{css样式代码;}
,我们需要注意的是英文圆点开头,其中类选器名称可以任意起名(但不要起中文)
使用ID
选择器,必须给标签添加上id
属性,为标签设置id="ID名称"
,而不是class="类名称"
。ID
选择符的前面是井号(#)
号,而不是英文圆点(.)
。id
属性的值既为当前标签的id
,尽量见名思意,语义化。
类和ID
选择器的相同点是可以应用于任何元素。不同点是ID
选择器只能在文档中使用一次。与类选择器不同,在一个HTML文档中,ID
选择器只能使用一次,而且仅一次。而类选择器可以使用多次。可以使用类选择器词列表方法为一个元素同时设置多个样式。我们可以为一个元素同时设多个样式,但只可以用类选择器的方法实现,ID
选择器是不可以的。
今天学习了CSS3
选择器,为网页添加样式中8-1到8-5的5个小结,花费了42分钟,我们可以通过不同选择器给我们的标签添加样式或者字体。我们给选择器起名字时尽量语义化。写的时候需要注意id
选择器我们只能写一次,不能写重复的,而使用类选择器可以使用多次,所以我们可以在网站中多使用类选择器来给同一个标签添加不同的样式。