嵌套【CSS】的三种方式

最新推荐文章于 2023-09-20 08:44:15 发布

十＆九

最新推荐文章于 2023-09-20 08:44:15 发布

阅读量7k

点赞数 4

文章标签： css html 前端

本文链接：https://blog.csdn.net/qq_48947478/article/details/123994933

版权

CSS

内联定义式：在标签内部使用style属性来设置

<标签 style="样式名:样式值;样式名:样式值;..."></标签>
<form style="bgcolor:pink;"></form>

样式块方式：在head标签中使用style块

<head>
	<style type="text/css">
		选择器 {
			样式名:样式值;
			样式名:样式值;
			...
		}
		选择器{
		}
		...
	</style>
</head>

<!--引入css文件-->
<link rel="stylesheet" type="text/css" href="css/1.css">

<div style="width: 200px; height: 300px; background-color: #CCFFFF;
	border: 1px solid black;"></div>

<head>
	<style type="text/css">
		#id{ /*id选择器： #开头*/
		}
		标签 {/*标签选择器*/
		}
		.类名{/*类选择器：.开头 */
		}
	</style>
</head>

#div1{
	background-color: pink;
	border:1px black solid;
	width: 300px;
	height: 300px;
	position: absolute; /*绝对定位*/
	left: 100px;
	top: 100px;
}

关注