今天任务比较繁重,因为不仅要学框架而且还要学习样式表,从比较简单的框架开始学起,首先框架的标签是不能写在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 {
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; 阴影
}
今天学习的内容非常多,新知识也很多,课下得多掌握才能进行消化吸收。努力。