网站建设
建站培训SEO

您的位置:主页 > 行业快报 > 建站培训 >

web前端开发基础教程:标签选择器和通配符选择器

上海网站建设公司建站资讯2018-05-16

css选择器就是指定CSS要作用的标签,那个标签的名称就是选择器。意为:选择哪个容器。

lCSS选择器的类型

 html标签名选择器。使用的就是html的标签名

 class选择器。其实使用的标签中的class属性

 id选择器。其实使用的是标签的中的id属性

css选择器综述

所有标签选择器*{}(通配符选择器,*代表当前页面中所有的标签,通配符的穿透力很强,优先级高于继承的样式,会覆盖继承的样式),通配符选择器可以清除所有html的默认编剧,其代码如下:

* {

     margin0  /*定义外边距*/

     padding0 /*定义内边距*/

}

标签选择器p{}  p{},可以设置当前页面对应标签的属性

Id选择器#id{},可以设置当前页面对应ID的属性。(ID选择器是可以帮助我们选择当前页面中唯一id值的标签,也就是根据标签的id属性值进行选择设置样式。Id选择器的符号是#号)

ID选择器的命名规范

1)只允许出现字母(大小写均可,严格区分)、下划线、数字。也就是说,id=”leiyue”id=”Leiyue”不冲突

2)只允许以字母开头

3)命名没有长度限制,可以是1个字母,也可以是很多个。不过不建议太长

4)不允许出现标签名(不是硬性规定,是有工作经验的标签)

类选择器.head{}  ,是对html标签中class属性进行选择。Css类选择器的选择付是“.

例如:.demo {},在html中引用模式是<p class=”democ1”>,当前的类标签中拥有多个不同的值时候,中间用空格隔开。

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

1.相同的class属性值,可以在html中出现多次。ID属性值在页面中只能出现一次

2.一个class属性可以有多个值,也就是说一个标签可以有多个类

在前端开发过程中,建议大家尽量使用类选择器。使用ID时候情况:当确实能唯一确定当前页面中标签只会出现一次,这时候可以使用ID选择器。如果不能保证相同的作用的标签在页面中只出现一次,那么这时候就选择使用类选择器。

层级选择器/分组选择器/属性选择器/子元素选择器/相邻兄弟选择器/伪类选择器/伪元素选择器


该文章由上海垒越科技网站建设http://www.lvon8.com原创编写,转载请保留此地址!否则视为侵权,谢谢合作!
TAGweb开发,web开发培训教程,css选择器,上海网站建设,上海网站制作,上海APP开发

最新案例

最热文章

更多最新文章

网站关键词

上海垒越科技有限公司版权所有 Copyright©2015-2025 http://www.lvon8.com All Rights Reserved 备案号:沪ICP备14049216号