背景边框列表链接和更复杂的选择器

深藏阁楼爱情的钟 2022-05-22 06:10 78阅读 0赞

1.元素的背景是指在元素内容、内边距和边界下层的区域（CSS 2.1）。背景并不在外边距下层——外边距不是元素区域的一部分，而是元素外面的区域。

2.background-image属性指定了在元素背景中显示的背景图像。在默认情况下，图像在水平和垂直方向上都是重复的。

3.由于背景图像是使用CSS设置的，并且出现在内容的背景中，它们将会在屏幕阅读器之类的辅助技术中不可见。

4.事实上，忘记声明边框样式是一个常犯的错误。如果希望边框出现，就必须声明一个边框样式。因为如果边框样式为 none或没有声明，即边框根本不存在，那么边框就不可能有宽度，因此边框宽度自动设置为 0，而不论原先定义的是什么。

5.从某种意义上说，利用 transparent，使用边框就像是额外的内边距一样；此外还有一个好处，就是能在你需要的时候使其可见。这种透明边框相当于内边距，因为元素的背景会延伸到边框区域（如果有可见背景的话）。

6.链接的样式是建立在另一个样式之上的。a:hover 必须位于 a:link 和 a:visited 之后，a:active 必须位于 a:hover 之后。要记住这个顺序，你可以尝试这样帮助记忆：LoVe Fears HAte。

7.下划线是使用 border-bottom 创造的。取消下划线的方法：text-decoration: none。

8.如果你正确写了你的 HTML links ，你应该只会在外部链接上使用绝对 URL，如果链接是链接你的站点的其他部分，那么使用相对链接是更加高效的。

9.我们设置了 display 属性为 inline，这会导致列表中的每项内容都会一起出现在同一行，它们现在表现得就像内联元素。

10.什么选择器在层叠中胜出取决于三个因素（这些都是按重量级顺序排列的——前面的的一种会否决后一种）：

* 重要性（Importance）
     * 专用性（Specificity）
     * 源代码次序（Source order）

11.!important。我们建议你千万不要使用它，除非你绝对必须使用它。由于 !important 改变了层叠正常工作的方式，因此调试CSS问题，尤其是在大型样式表中，会变得非常困难。

12.style属性 > ID选择器 > 类选择器、属性选择器、伪类 > 元素选择器、伪元素。战胜ID选择器的唯一方法是使用 !important。

13.在考虑所有这些层叠理论和什么样式优先于其他样式被应用时，你应该记住的一件事是，所有这些都发生在属性级别上——属性覆盖其他属性，但你不会让整个规则凌驾于其他规则之上。

发表评论取消回复

表情：

评论列表（有 0 条评论，78人围观）

还没有评论，来说两句吧...

相关阅读

相关 css中的边框和背景属性

边框属性 border边框 border-width： 1、一个值：四个方向； 2、两个值：上下 ![~~~~][equation_tex] 左右 ...

骑猪看日落/ 2024年04月17日 06:30/ 0 赞/ 66 阅读

相关 Android 的 selector--背景选择器

最近做listview和button都要改变 Android 原来控件的背景，在网上查找了一些资料不是很全，所以现在总结一下android 的 selector的用法。首

素颜马尾好姑娘i/ 2022年10月01日 03:55/ 0 赞/ 9 阅读

相关 CSS3 背景和边框

CSS3完全向后兼容，因此不必改变现有的设计。 css3中的模块：选择器，框模型，背景和边框，文本效果，2D/3D转换，动画，多列布局，用户界面 1. 边框

叁歲伎倆/ 2022年09月21日 05:36/ 0 赞/ 204 阅读

相关 HTML5+CSS3-边框背景图、多背景图、CSS选择器、网络字体、边框背景图片、过渡、放大、旋转

边框背景图片 1、 background-origin：设置背景图片的起始原点 background-origin:border-box;------背景图片从边框开始显

野性酷女/ 2022年08月22日 15:13/ 0 赞/ 231 阅读

相关 04_使用边框和背景

html5 p1 \{ / 边框宽度/边框样式/边框颜色 / border-width:10px; border-sty

野性酷女/ 2022年07月16日 16:21/ 0 赞/ 127 阅读

相关 CSS3之复杂选择器、内容生产、多列、CSS Hack

1、复杂选择器 2、内容生成 3、多列 4、CSS Hack ========================================== 1、复杂

妖狐艹你老母/ 2022年07月11日 00:29/ 0 赞/ 100 阅读

相关 CSS3 选择器、颜色与度量单位、文本、边框、背景

一．选择器总汇本节课主要涉及到三种选择器：基本选择器、复合选择器和伪元素选择器，具体如下：选择器名称说明 CSS 版本 \ 通用选择器选择所有元素 2

秒速五厘米/ 2022年06月10日 08:29/ 0 赞/ 188 阅读

相关背景边框列表链接和更复杂的选择器

1.元素的背景是指在元素内容、内边距和边界下层的区域（CSS 2.1）。背景并不在外边距下层——外边距不是元素区域的一部分，而是元素外面的区域。 2.background-i

深藏阁楼爱情的钟/ 2022年05月22日 06:10/ 0 赞/ 79 阅读

相关 hive外部表链接hbase的表

create external table hiveTable(key string,birthday string,gender string) stored by

妖狐艹你老母/ 2022年05月20日 01:58/ 0 赞/ 204 阅读

相关 css背景和边框，了解一下

![这里写图片描述][70] css圆角边框 border-radius 表格border-collapse属性为separate，表格圆角才能正常显示背景属性

╰+攻爆jí腚メ/ 2021年09月15日 12:56/ 0 赞/ 344 阅读