HTML5 CSS三种选择器类型代码-爱资源分享网

本篇文章教程作者版权为无陌然QQx

那么什么事HTML5 CSS 选择器呢？

简单点来讲吧，选择器就是一个通过css代码来控制html页面的方法！

这里我给大家总结出了最简单的3种css控制html的3中方式！

第一种通过id控制

第二种通过class类别控制

第三种通过标签控制

就只这三种常见的方式

下面我给大家列出代码，有兴趣的可以去研究一下。

<!DOCTYPE html><head><
title>HTML5 CSS选择器</title> 
<style>
#one{     
height: 100px;    
 width: 100px;   
  border: 1px solid red;  

}


 

.one2{
height: 110px;    
 width: 110px;     
border: 1px solid green;
} 

div{     
height: 120px;    
 width: 120px;     
border: 1px solid blue;
}
</style>
</head>
<body>
<div id="one">我是第一种选择器格式</div>
<div class="one2">我是第二种选择器</div>
<div class="one2">我是第二种选择器</div>
<div class="one2">我是第二种选择器</div>
<div><p>我是第三种选择器</p>
</div></body>
</html>

AIDE技术网Aidezy.com

代码示例下载:

http://cdn.aidezy.com/f.php?k=7eafc