Python学习笔记第十六周

目录：

　　一、CSS补充

　　　　1、页面布局

　　二、JavaScript补充

　　　　1、条件判断

　　　　2、函数分类

　　　　3、序列化

　　　　4、转义

　　　　5、eval

　　　　6、时间

　　　　7、作用域

　　三、DOM

　　　　1、间接查找

　　　　　　文本操作

　　　　　　样式操作

　　　　　　属性操作

　　　　　　提交表单

　　　　　　其他

　　　　　　事件

内容：

　　一、CSS补充　

　　1、页面布局：

　　　后台管理布局：

　　　　元素补充：

　　　　min-width：防止缩放的时候，只写百分比会变形，需要一个最小宽度

　　　　border-radius：边框变圆，可以设置为50%

　　　例子：

　　 1、后台管理界面布局（左侧菜单不动）

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>页面布局</title>
    <style>
        body{
            margin:0;/*  到上方没有间隔 */
        }
        .left{
            float;left;
        }
        .right{
            float:right;
        }
        .pg-header{
            height:48px;
            background-color:#2459a2;
            color:white;

        }
        .pg-body .body-menu{
            width:20%;
            min-width:200px;/* 当20%的宽度小于200px时应用200px  */
            background-color:red;
            position:fixed;
            top:48px;
            left:0;
            bottom:0;
        }
        .pg-body .body-content{
            width:80%;
            background-color:green;
            position:fixed;
            top:48px;
            right:0;
            bottom:0;
            overflow:auto

        }
    </style>
</head>
<body>
    <div class="pg-header">
        <div class="header-menu">

        </div>
    </div>
    <div class="pg-body">
        <div class="body-menu left">a</div>
        <div class="body-content left">
            <p>aaa</p>
            <p>aaa</p>
            <p>aaa</p>
            <p>aaa</p>
            <p>aaa</p>
            <p>aaa</p>
            <p>aaa</p>
            <p>aaa</p>
            <p>aaa</p>
            <p>aaa</p>
            <p>aaa</p>
            <p>aaa</p>
            <p>aaa</p>
            <p>aaa</p>
            <p>aaa</p>
            <p>aaa</p>
            <p>aaa</p>
            <p>aaa</p>
            <p>aaa</p>
            <p>aaa</p>
            <p>aaa</p>
        </div>
    </div>
</body>
</html>

View Code