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

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

            

             

  • 相关阅读:
    剑指offer-序列化二叉树
    剑指offer-把字符串转换成整数
    CentOS终端账户切换
    bootstrap3 modal居中
    海洋地理信息系统的应用现状及其发展趋势
    智慧城市八大应用,助力城市更加智慧
    zTree触发节点click,check事件
    Linux Centos下软件的安装与卸载方法
    MongoDB系列教程大全
    openlayers加载切片错位解决方案
  • 原文地址:https://www.cnblogs.com/yujiamin123/p/6830383.html
Copyright © 2020-2023  润新知