zoukankan      html  css  js  c++  java
  • 学成网练习

    预览##


    代码##

    html结构####

    css初始化####

    body {
      background-color: #f3f5f7;
    }
    a {
      color: #050505;
      text-decoration: none;         /*清除链接文字样式*/
    }
    input {
      border: 0;       /*所有表单边框为0*/
      box-sizing: border-box;    /*css3盒子模型 border和padding都包含在width里面,防止撑开盒子*/
    }
    .container {                   /*版心公共类*/
       1200px;
      margin: 0 auto;
    }
    
    • li和a做导航栏
    	  <nav>
    	  <!-- logo部分 -->
    	  <div class="logo">
    		<img src="images/logo.png">
    	  </div>
    	  <!-- 导航栏部分 -->
    	  <div class="navbar">
    	  	<ul>
    	  		<li><a href="#">首页</a></li>
    	  		<li><a href="#">课程</a></li>
    	  		<li><a href="#">职业规划</a></li>
    	  	</ul>
    	  </div>
    	  <!-- 个人中心部分 -->
    	  <div class="personal">
    		<a href="#">个人中心<img src="images/dang_03.png" id="dang"></a>
    		<a href=""><img src="images/tou_03.png" id="tou">qiaodaima</a>
    	  </div>
    	  <!-- 搜索框部分 -->
    	  <div class="search">
    	    <form>
    		  <input type="text" placeholder="输入关键字">         <!-- 预显示文字 -->
    		  <input type="submit" value="">
    	    </form>
    	  </div>
    	  </nav>
    
  • 相关阅读:
    换个角度看Salesforce之基础配置学习笔记(二)
    换个角度看Salesforce之基础配置学习笔记(一)
    C# LINQ学习笔记
    Oracle使用总结
    UML图及Visio 2010使用总结
    常见的DOS命令
    ansible笔记
    jsoncpp1.9.4源码解析
    fabric链码
    fabric数据结构
  • 原文地址:https://www.cnblogs.com/xixicf/p/10885846.html
Copyright © 2011-2022 走看看