AIDE技术官网
AIDEZY.COM

HTML5 CSS三种选择器类型代码

HTML5 CSS三种选择器类型代码 HTML前端教程 第1张

 

HTML5 CSS三种选择器类型代码 HTML前端教程 第2张

 

本篇文章教程作者版权为无陌然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

 

 

 

 

 

 

搜一下

海报生成 赞(0) 打赏

来都来了!评论一下呗! 抢沙发

  • QQ (自动获取名称头像等信息|选填)
  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址 (选填)

登录

忘记密码 ?

切换登录

注册