css

最新推荐文章于 2022-10-19 13:08:54 发布

姜!

最新推荐文章于 2022-10-19 13:08:54 发布

阅读量68

点赞数

分类专栏：新手

新手专栏收录该内容

66 篇文章 0 订阅

订阅专栏

网页的标签很多，在不同的地方用到不同类型的标签，以便更好更快捷滴完成我们想要的网页

三种样式表的优缺点

行内样式的优点是书写方便但是没有实现样式和结构相分离

内部样式的优点是部分结构和样式相分离但是有没有彻底分离

外部样式的优点是完全实现结构和样式相分离但是也需要引入

今天呢还是分享一篇代码吧

<style type="text/css">
				.div{
				margin: 0 auto;
				width: 890px;
				height: 1000px;
				border: 0px solid dodgerblue;
				background: transparent;			 
			}
			#a{
				background:deepskyblue;
				color: aliceblue;
			}
			#b{
				background:honeydew;
			}
			.p{
				margin: 0 auto;
				width: 330px;
				height: 40px;
				border: 0px solid dodgerblue;
				background: transparent;
				text-align: center;
				font-size: 24px;
			}
		</style>
	</head>
	<body>
		<div class="div">
			
			<p class="p" id="a">家用电器</p>
			<p class="p" id="b">大家电</p>
			
			
			
				<p class="p">平板电脑
			       洗衣机
				   冰箱</p>
			
			
			
				<p class="p">空调
				烟机/杜具
				热水器</p>
		
			
				
				<p class="p">冰柜/酒柜
				消毒柜
				家庭影院</p>
			
			<p class="p" id="b">家用电器</p>
				
				<p class="p">电风扇
               净化器
               	吸尘器</p>
				
              <p class="p"> 净水设备
			   	挂烫机
			   	电话机</p>
				
			  <p class="p" id="b"> 厨房电器</p>
			   
			   <p class="p">榨汁机
				电力压锅
				电饭煲</p>
				
				<p class="p">豆浆机
				微波炉
				电磁炉</p>
				
				<p class="p" id="b">五金家装</p>
				
				<p class="p">淋浴/水槽
				电动工具
				手动工具</p>
						
						<p class="p">仪器仪表
						浴霸/排气
						灯具</p>
							
		</div>
	</body>