Html表单和样式表

      今天任务比较繁重，因为不仅要学框架而且还要学习样式表，从比较简单的框架开始学起，首先框架的标签是不能写在body里面的，要写在<frameset></frameset>中的，它包含两个内容，第一个是rows标签，表示行合并，然后还有cols标签，表示列合并。还有一个内嵌标签iframe.以cols框架为代表代码可以写成

　　　　　　　　　　　<frameset cols="20%,80%">
　　　　　　　　　　　　　<frame src="Htmljichu.html"></frame>
　　　　　　　　　　　　　<frame src="Htmljichu2.html"></frame>

                               </frameset>

          然后rows框架只要把cols改成rows就可以了。然后就是iframe标签，它的代码可以写成    

　　　　　　　　　　　123123123123
　　　　　　　　　　　123123123123
　　                         <iframe src="Html5.8表单元素.html" width="300" heitht="300"></iframe>
                               123123123123
                               123123123123

       这样就可以在文字中插入表单了，除了表单就是标签选择器了，首先标签选择器要在head里面写，而且要在<style></style>中写，标签选择器，前面还有个*，代表全体，比如内外边框都为0，则可以这么表示

* {
　　margin: 0px;
　　padding: 0px;
   }。     

然后又包括id选择器<div id="d1"></div>，class选择器 <div class="c1"></div>，子代选择器<div id="d2">，<span>哈哈哈哈</span>，</div>。

#d1 {                                                  .c1 {                                                       #d2 span {
　　　　background-color: blue;                       background-color: yellow;                                 color: white;
　　　}                                                        }                                                                     }

并列选择器，<div class="c2">c2</div>，<div class="c3">c3</div>。<div class="c4 c5">选择器</div>

.c2,                                                                                                    .c4 {                                                 .c5{

.c3 {                                                                                                          background-color: black;                    color: white;
　　　　background-color: chartreuse;                                                          }                                                     }

      }

        还可以用这种方式来做个按钮，首先在body中建立<div class="btn">按钮</div><br /><br />，标签然后在选择器上的代码如下：

        

　　　.btn {
　　　　　　width:100px;
　　　　　　height:40px;
　　　　　　border:black dotted 1px;                                dotted虚线
　　　　　　text-align:center;
　　　　　　line-height:40px;
　　　　　}
.btn:hover {
　　　　　　background-color:black;
　　　　　　color:white;
　　　　　　cursor:pointer;　　　　　　　　　　　　　　　　 小手
　　　　　　transition:1s;　　　　　　　　　　　　　　　　　　 渐变
　　　　　　transform:rotate(45deg); 　　　　　　　　 　　　旋转
　　　　　　box-shadow:5px 5px 5px red;                      阴影
　　　　　}

             今天学习的内容非常多，新知识也很多，课下得多掌握才能进行消化吸收。努力。