第十二天学习笔记

最新推荐文章于 2024-09-30 15:23:15 发布

Fling1210

最新推荐文章于 2024-09-30 15:23:15 发布

阅读量92

点赞数

文章标签： xhtml javascript ViewUI

原文链接：http://www.cnblogs.com/YeYunRong/p/6105221.html

版权

今天主要是修改了下学习笔记，扩展了一下之前的笔记，同时复习了下浮动、float属性以及相关的知识点，以及JS相关的代码逻辑~~~

=============================================

下面是有关浮动的复习

代码如下：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="zh-cn">
<head>
   <meta http-equiv="Content-Type" content="text/html;charset=UTF-8" />
   <title>网页标题</title>
   <meta name="keywords" content="关键字列表" />
   <meta name="description" content="网页描述" />
   <link rel="stylesheet" type="text/css" href="" />
   <style type="text/css">
       ._box{
           width:300px;
           margin:0 auto;
       }
       ._div1
       {
           width:100px;
           height:100px;
           background-color:blue;
           float:left;
       }
       ._div2{
           width:100px;
           height:100px;
           background-color:red;
           float:left;
       }
       ._div3{
           width:100px;
           height:100px;
           background-color:yellow;
           float:left;
       }
   </style>
   <script type="text/javascript"></script>
</head>
<body>
   <div class = "_box">
       <span class = "_div1"></span>
       <div class = "_div2"></div>
       <div class = "_div3"></div>
   </div>
</body>
</html>