怎么新建MySQL数据库

发布时间:2022-07-16 作者:admin
阅读:285
这篇文章主要介绍“CSS中的选择器有多少种,基本用法是什么”,有一些人在CSS中的选择器有多少种,基本用法是什么的问题上存在疑惑,接下来小编就给大家来介绍一下相关的内容,希望对大家解答有帮助,有这个方面学习需要的朋友就继续往下看吧。


一、css的基本构成

选择器{属性:属性值}

css的语句就是由以上三部分组成选择器写在花括号前,花括号内为声明,如果有多个声明,属性前会用“;”隔开。先列举个例子:

body

{

    background:#2CA4CF;

    font-family:"黑体";    

    color:#ffffff;

}

我们之前学过元素内嵌入style改变样式的用法,style跟花括号内声明的用法相同。当外部样式表或内部样式表时,就要以这样的形式书写。这段代码的意思是body元素的背景为#2CA4CF色,字体为黑体,字体颜色为#ffffff(黑色)。

二、css中的选择器

1.标签选择器

p{color:black;}

标签选择器是给特定标签确定样式的选择器,这个例子就是让所有p标签应用了黑色字体的样式。

2.类选择器

.class1{color:black;}

类选择器就是根据类名(class)来选择的,在类名前加一个“.”。

3.ID选择器

#id1{color:black;}

ID 选择器可以为标有特定ID的元素指定特定的样式。id在一个html文档页面中只能出现一次,例如,你将一个元素的id取值为”id1”,那么在同一页面你就不能再将其他元素id取名为“id1”了。尽管你会发现即使命名好几个id,css选择器还是会把这些id全都应用样式,就像标签选择器那样。请保持良好的习惯,id不要出现重复。

4.后代选择器

div.class1 p{color:red;}

后代选择器又叫包含选择器。外层的标签在前面,内层的标签在后面,之间要留一个空格,内层标签为嵌套在外层内的标签,该内层标签就是外层标签的后代。该句子会将class为class1的div内所有p标签应用字体颜色红色的样式。

5.子代选择器

div.class1>p{color:red;}

子代选择器用法跟后代选择器很像,标签之间用“>”大于号连接。区别是子代选择器只会选择div.class1的子元素中的

,不包括子元素的子元素等,,不会选择孙子和更晚的备份,故名子代选择器。

6.群组选择器

p,div,.class1,#id1{color:red;}

群组选择器选择许多个标签,之间用“,”小写的逗号隔开,选择器会选择写下来的所有的标签或类。

7.通用选择器

*{color:red;}

通用选择将样式适用去整个html文档,是最强大的选择器。语法是在花括号前写一个“*”星号。


以上就是关于“CSS中的选择器有多少种,基本用法是什么”的相关知识,感谢各位的阅读,想要掌握这篇文章的知识点还需要大家自己动手实践使用过才能领会,如果想了解更多相关内容的文章,欢迎关注群英网络,小编每天都会为大家更新不同的知识。

免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:mmqy2019@163.com进行举报,并提供相关证据,查实之后,将立刻删除涉嫌侵权内容。

二维码-群英

长按识别二维码并关注微信

更方便到期提醒、手机管理

7*24 全天候服务

售前 400-678-4567

售后 0668-2555666

售后 400 678 4567

信息安全 0668-2555 118

域名空间 3004329145