3.15

好几天没有发表博客了，

最近学习的内容有计算机网络中关于网络的一些基础知识，包括组成、类别、性能等等。

在php中学到了div的相关知识，div通过块的形式和style的使用使得界面布局风格更加多样化，也更加整洁有条理化。

通过数据库原理课程开始系统学习数据库，开始从基础学起，不像是上学期那样只是用哪些学哪些。

php作业：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>导航</title>
    <style type="text/css">
    body{
        margin-left: 0;
    }
    div{
        width: 980px;
        height: 150px;

    }
    li{
        width: 84px;
        margin-top: 100px;
        font-weight: 10px;
        font-size: 10px;
        line-height: 24px;
        float: left;
        
    }
    ul{    
        top: 0px;
        left: 0px;
        position: absolute;
    }
    li:hover{
        font-size: 15px;
    }

    </style>
</head>
<body>
    <div>
        <img src="D:\php\img\image\h_bg.jpg">
        <ul>
            <li>首页</li>
            <li>家用电器</li>
            <li>手机数码</li>
            <li>日用百货</li>
            <li>书籍</li>
            <li>帮助中心</li>
            <li>免费开店</li>
            <li>全球咨询</li>
        </ul>
    </div>
</body>
</html>

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>网页</title>
    <style>
    #left{
            float:left;
        }
        #right{
            float:left;
        }
    </style>
</head>
<body>
    <div id="left">
        <p>
            <td>名字:</td>
            <td><input type="text" name="名字" value="张三" size="20"/><td/>
        </p>
        <p>
            <td>密码:</td>
            <td><input type="password" name="密码" value="" size="20"/><td/>
        </p>
        <p>
            <td>性别:</td>
            <td><input type="radio" name="性别" value="、" size="10"/><img src="D:\php\img\image\Male.gif">男<input type="radio" name="性别" value="、" size="10"/><img src="D:\php\img\image\Female.gif">女</td>
        </p>
        <p>
                <td> 爱好：<td/><input type="checkbox" value="talk" name=""/>聊天<input type="checkbox" value="yundon" name=""/>运动 </td>
                </p>
                <p>
                        <td>出生日期：<td/><input type="text" name="年份" value="" size="10" />年
                <select name="月份" >
                    <option>[选择月份]</option>
                    <option value="1">1月</option>
                    <option value="2">2月</option>
                    <option value="3">3月</option>
                    <option value="4">4月</option>
                    <option value="5">5月</option>
                    <option value="6">6月</option>
                    <option value="7">7月</option>
                    <option value="8">8月</option>
                    <option value="9">9月</option>
                    <option value="10">10月</option>
                    <option value="11">11月</option>
                    <option value="12">12月</option>
                </select>月
                <input type="text" name="日期" value="" size="10" />日
            </td>
        </p>
         <p>
            <td>
                <input type="submit" value="提交" />
                <input type="reset" value="重填" />
            </td>
        </p>
    </div>
    <div id="right">
        <p><img src="D:\php\img\image\read.gif">阅读XX网服务协议<p/>
        <br/><textarea name="协议" cols="80" rows="10">欢迎阅读服务条款协议，本协议阐述之条款和条件适用于您使用xx.com网站的各种工具和服务。本服务协议双方为xx与xx网用户，本服务协议具有合同效s力。
        xx的权利和义务
    1.xx有义务在现有技术上维护整个网上交易平台的正常运行，并努力提升和改进技术，使用户网上交易活动的顺利。
    2.对用户在注册使用xx网上交易平台中所遇到的与交易或注册有关的问题及反映的情况，xx应及时作出回复。
    3.对于在xx网网上交易平台上的不当行为或其它任何xx认为应当终止服务的情况，xx有权随时作出删除相关信息、终止服务提供等处理，而无须征得用户的同意。
    4.因网上交易平台的特殊性，xx没有义务对所有用户的注册资料、所有的交易行为以及与交易有关的其他事项进行事先审查。</textarea>
    </div>
    
</body>
</html>

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>信息学院</title>
    <style type="text/css">
           *{
               margin:0;
               padding:0;
               }/*去掉页面样式*/
           body{
               color:blue;
           }
          .content{
              background-color:yellow;
             left:0;
             width:100%;
             height:400px;
             margin-top:0px;
            overflow:hidden;/*隐藏滚动条*/
         }
         .main{
            text-align:center;/*文本居中*/
             max-width:600px;
             height:400px;
             padding:100px 0px;/*上下80px,左右为0*/
             /*background:yellow;*//*验证div的位置*/
            margin:0 auto;/*设置上右下左,居中显示*/
         }
         .main h1{
             background:pink;
             border-radius:30px;
             font-family:"楷体";/*设置字体*/
             font-size:70px;/*设置字体大小*/
             font-weight:2px;/*调整字体粗细*/
        }
         form{
             padding:20px 0;
         }
         form input{
             border:1px solid white;
             display:block;
             margin:0px auto 10px auto;/*上 右  下 左*/
             padding:10px;
             width:220px;
             border-radius:30px;/*H5设置圆角边框*/
             font-size:18px;
             font-weight:300;
             text-align:center;
         }
         form input:hover{
             background-color:pink;
        }
         form button{
             background-color:white;
             border-radius:10px;
             border:0;
             height:30px;
             width:50px;
             padding:5px 10px;
        }
         form button:hover{
             background-color:green;
         }
     </style>
</head>
<body>
<div class="content">    
     <div class="main">
         <h1>信息学院</h1>
         <form>
             <input type="text" name="useid" placeholder="请输入账号"/>
             <input type="password" name="pw" placeholder="请输入密码">
            <button type="submit">登&nbsp;&nbsp;录</button>
            <button type="submit">注&nbsp;&nbsp;册</button>
         </form>
     </div>
 </div>        
</body>
</html>

 

posted @ 2022-03-15 23:09  _Pi  阅读(71)  评论(0)    收藏  举报