700字范文,内容丰富有趣,生活中的好帮手!
700字范文 > css标签指定式选择器由什么构成 标签选择器有哪些 – CSS – 前端 css 鼠标悬浮提示文字

css标签指定式选择器由什么构成 标签选择器有哪些 – CSS – 前端 css 鼠标悬浮提示文字

时间:2023-07-27 05:46:38

相关推荐

css标签指定式选择器由什么构成 标签选择器有哪些 – CSS – 前端 css 鼠标悬浮提示文字

2.类选择器 .divClass {color:Red;} /即定义的每个标签的class 中的css样式

3.ID选择器 #myDiv {color:Red;} /即页面中的标签的id

4.后代选择器(类选择器的后代选择器) .divClass span { color:Red;} /即多个选择器以逗号的格式分隔 命名找到准确的标签

5.群组选择器 div,span,img {color:Red} /即具有相同样式的标签分组显示

@ qss编辑规则?

QSS语法

同css一样,他也有由一个selector与一个declaration组成,selector指定了是对哪一个控件产生效果,而declaration才是真正的产生作用的语句。如:

QPushButton { color: red }

QPushButton指定了是对所有的QPushButton或是其子类控件(如用户定义的MyPushButton)产生影响,而color:red表明所有的受影响控件的前景色都为red。

除了“类名”,“对象名”,“Qt属性名”这三样东西是大小写敏感的外其他的东西都是大小写不敏感的,如color与Color代表同一属性。

如果有几个selector指定了相同的declaration, 可以使用逗号(,)将各个选择器分开,如:

QPushButton, QLineEdit, QComboBox { color: red }

他相当于:

QPushButton { color: red }

QLineEdit { color: red }

QComboBox { color: red }

declaration部份是一系列的(属性:值)对,使用分号(;)将各个不同的属性值对分开,使用大括号({})将所有declaration包含在一起。

@ 类选择器和后代选择器的概念?

类选择器以(.)为前缀,后面为类名。在标签中定义class属性,然后设置属性值为类名选择器。

后代选择器是一种多个用空格分隔的选择器,别称包含选择器。

@ CSS代码怎么用?

css代码可以内嵌也可以外链。内嵌就是将css直接写在html标记中,大约在以后基本都逐渐规范为外链方式。内嵌css有个很大的缺点,就是html标记与css代码混合在一起,页面代码看起来比较混乱、吃力,结构不太清晰,后期如果有修改就会很费劲;规范为外链后,代码美观易懂、脉络清晰,方便二次修改。外链css,就是将css从html标记中分离出来,集中到一个或多个css页面,再根据需要,调用相关css文件进行指定样式表。

CSS样式表

内嵌css的方式:在html标记中添加属性“style”,设置相关属性值。如:“<p style=“font-size:12px”>带你走进科技大世界。</p>”就是给“带你走进科技大世界。”这段文字设置的字体大小为12px。

内嵌CSS样式

外链css方式:建一个css文件,样式集中写在该文件中,在所需页面调用就行了。方法是在“<head>”标记中添加“<link rel=”stylesheet” type=”text/css” href=”xxx/cssName.css” >”,其中“xxx”为路径,“cssName.css”为文件名。外链设置好后,在标记中通过“class”或“id”进行调用,如“<p class=“toptxt”>”或”<p id=”toptxt”>”,这时候样式表中被命名为“toptxt”的样式就应用到这个“<p>”标记中了。样式表中“class”和“id”的写法不一样,“class”前面加“.”,“id”前加“#”。

调用CSS文件

下面来说说使用“class”和“id”的区别,二者之间最大的区别是“class”名称在同一个页面中可以重复使用,而“id”名称是独一无二的。“class”本身就是用来调用样式的,一个页面中有同一个样式效果很正常,用“class”方便省事也更合理。“id”相当于人名,不允许重复出现。因为“id”不仅可用于样式,在写JavaScript时通常也要用“id”指定块。

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。