Html表单和样式表

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

</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 {
　　　　　　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; 阴影
　　　　　}

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