欢迎来到天天文库
浏览记录
ID：61957866
大小：754.06 KB
页数：18页
时间：2021-04-01
《前端开发培训技术分享 CSS样式表及基本选择器的使用(下).doc》由会员上传分享，免费在线阅读，更多相关内容在行业资料-天天文库。
1、优选前端开发培训技术分享CSS样式表及基本选择器的使用（下）七、选择器CSS选择器有这么多种，今天主要给大家讲解是基本选择器。先来看一下基本选择器有那些？基本选择器选择器功能*全局选择器element标签选择器idid选择器class类别选择器好，我们一一介绍一下：1.全局选择器设置所有标签使用同一样式，用*来表示;语法：全局选择器语法:*{}代码：18/18优选
2、/css">*{color:red;/*color是CSS属性，red是CSS属性值*/}
我是段落标签
3、title>CSS选择器h3{color:green;}p{color:red;}input{color:blue;}18/18优选我是h3标签我是h3标签我是h3标签我是段落标签我是段落标签我是段落标签4、dy>页面显示效果3.类别选择器：大家都知道我们全局选择器是让页面中所有的标签具有相同的样式，标签选择器是让页面中相同的标签具有了相同的样式，那如果我们让相同的标签具有不同的样式或者不同的标签具有相同的样式怎么办呢？那就是定义我们的类别选择器，类别选择器的特点是先声明，后使用，一次定义多次使用，使用特殊符合“.”18/18优选+类名的方式定义，用class这个关键字在标签中引用，注意类名的规：使用驼峰式命名（className），或使用下划线式（class_name）命名,不能使用中文，不要以数字开头及区分大小写的5、规，好了，我们来看一下语法：语法：.className{}容一容二容三代码：CSS选择器.myColor{color:red;}我是h3标签6、s="myColor">我是h3标签我是h3标签我是段落标签我是段落标签18/18优选我是段落标签页面效果4.id选择器，我们知道class选择器，在一个同一个页面中可以使用多次，但是如果我想找到页面中唯一的元素怎么办，尤
4、dy>页面显示效果3.类别选择器：大家都知道我们全局选择器是让页面中所有的标签具有相同的样式，标签选择器是让页面中相同的标签具有了相同的样式，那如果我们让相同的标签具有不同的样式或者不同的标签具有相同的样式怎么办呢？那就是定义我们的类别选择器，类别选择器的特点是先声明，后使用，一次定义多次使用，使用特殊符合“.”18/18优选+类名的方式定义，用class这个关键字在标签中引用，注意类名的规：使用驼峰式命名（className），或使用下划线式（class_name）命名,不能使用中文，不要以数字开头及区分大小写的
5、规，好了，我们来看一下语法：语法：.className{}容一容二容三
6、s="myColor">我是h3标签我是h3标签我是段落标签我是段落标签
7、其是我们学习到后面的知识点，比如在js语言中，我们使用id的这种方式比较多。所以我来看一下id选择器的使用及其特点，id选择器的特点就是具有唯一性，这意味着同一id在同一文档页面中只能出现一次。那他的使用也是先定义后使用，定义的时候使用特殊符号“#”号+id名的方式定义的，使用id这个关键字进行引用。注意id名的规：使用驼峰式命名（idName），或使用下划线式（id_name）命名,不能使用中文，不要以数字开头及区分大小写的规.好了，我们来看一下他的语法。语法:#idName{}内容三
8、id=”idName”>容一18/18优选代码：
此文档下载收益归作者所有
