DOM&BOM中，下面图里的选择器、outline是什么意思呀？

童真模式启动 2021-12-04

源自：DOM&BOM 5-3 type属性

收起

1回答

好帮手慕小小回答被采纳获得+3积分 2021-12-05 11:53:20

同学你好

1、.box .lock, .box .eye {...}

组合选择器，选中.box下的.lock和.box下的.eye元素。

2、outline: none：;表示使outline属性无效，使绘制于元素周围的一条线无效。

outline （轮廓）是绘制于元素周围的一条线，位于边框边缘的外围，可起到突出元素的作用。

测试代码如下：

<html>
	<head>
		<style type="text/css">
			p {
				border: red solid 5px;
				outline:#00ff00 solid 5px;/* 颜色、样式、宽度 */
				outline: none;
			}
		</style>
	</head>

	<body>
		<p><b>注释：</b>测试文本</p>
	</body>
</html>

祝学习愉快~

收起回答

童真模式启动提问者 #1

outline和border是什么关系，内边框、外边框？border里的thin是多大？

2021-12-06 15:26:42
好帮手慕小小回复提问者童真模式启动 #2

同学你好
1、没有关系。
border表示的是边框；outline表示的是（轮廓）是绘制于元素周围的一条线即轮廓线，位于边框边缘的外围，可起到突出元素的作用。轮廓线不会占据空间。
2、thin用来描述边框的宽度，是border-width属性中的一个属性值表示细边框。还可以是medium中等边框、thick粗边框。
祝学习愉快~

2021-12-06 16:12:36