zoukankan      html  css  js  c++  java
  • css笔记

    css简单,但是有很属性要记,专门去记也记不了那么多,用到再去查。
    现在是记录学习过程中用到一些属性,

    @CHARSET "UTF-8";
    
    html,body{
    	height: 100%;
    	 100%
    	margin:0px;
    	padding: 0px;
    	overflow: hidden;
    }
    header{
    	position: absolute;
    	height:15%;
    	100%;
    	background:#0099ff;
    	
    }
    
    #layout2{
    	position: absolute;
    	top: 15%;
    	left: 0px;
    	height: 80%;
    	 300PX;
    	background:#ffffff;
    	z-index: 5;
    	border-right- 1px;
    	border-right-style: solid;
    	border-color: #9f9f9f;
    
    }
    #layout3{
    	position: absolute;
    	top: 15%;
    	left: 300px;
    	right: 0;
    	background: #ffffec;
    	height: 80%;
    }
    footer{
    	position: absolute;
    	bottom: 0px;
    	background:#ccffcc;
    	height: 5%;
    	 100%;
    	text-align: center;
    
    }
    /*---------------------------------------------------------------------*/
    nav.nav1{
    	position: absolute;
    	right: 0px;
    	height: 30px;
    	 900px;
    	overflow: hidden;
    }
    nav.nav1 ul{
    	list-style-type: none;
    	position: absolute;
    	right: 0;
    	margin: 0px;
    	padding: 0px;
    	height: 30px;
    	overflow: hidden;
    }
    
    nav.nav1 li{
    	float: left;
    	height: 30px;
    	margin-top: 5px;
    	margin-right: 10px;
    }
    nav.nav1 li a{
    	text-decoration: none;
    	font-size: 14px;
    	color: #FFFFFF;
    }
    
    nav.nav1 li a:hover{
    	text-decoration: underline;
    	font-size: 14px;
    	color: #FFFFFF;
    }
    
    nav.nav2{
    	position: absolute;
    	left: 0;
    	top: 0;
    	height: 40px;
    	 100%;
    	background: #EEEEEE;
    	z-index: 6;
    	border-bottom- 1px;
    	border-bottom-style: solid;
    	border-color: #7f7f7f;
    }
    
    nav.nav3{
    	position: absolute;
    	left: 0;
    	top: 0;
    	height: 40px;
    	 100%;
    	opacity:0.8;    /*不透明度*/
    	background: #eeeeee;
    }
    nav.nav3 ul.ul2{
    	list-style-type: none;
    	position: absolute;
    	right: 0;
    	margin-bottom: 0px;
    	margin-top: 6px;
    	margin-left: 0;
    	padding: 0px;
    	margin-right: 15px;
    	height: 40px;
    }
    
    nav.nav3 ul.ul1{
    	list-style-type: none;
    	position: absolute;
    	left: 0px;
    	margin: 0px;
    	padding: 0px;
    	height: 40px;
    }
    
    
    nav.nav3 ul.ul2 li{
    	float: left;
    	height: 40px;
    }
    nav.nav3 ul.ul1 li{
    	float: left;
    	height: 40px;
    	margin-right: 15px;
    	margin-top: 8px;
    }
    
    nav.nav3 ul.ul2 button{
    	background: transparent;  /*背景完全透明*/
    	padding-top: 5px;
    	padding-bottom: 5px;
    	padding-left: 10px;
    	padding-right: 10px;
    	font-size: 14px;
    	border: 0;
    }
    
    div.bt1{
    	position: absolute;
    	left: 0px;
    	top: 48%;
    	height: 50px;
    	 20px;
    	background: #ffffff;
    	z-index: 5;
    	border-right- 1px;
    	border-top- 1px;
    	border-bottom- 1px;
    	border-left- 0px;
    	border-style: solid;
    	border-color: #9f9f9f;
    }
    img.img1{
    	position: absolute;
    	left: 20%;
    	top: 35%;
    }
    
    button#dtcxBT{
    	position: absolute;
    	left: 0px;
    	top: 0px;
    	height: 40px;
    	 150px;
    	background: #EEEEEE;
    	border: 0;
    	font-size: 14px;
    }
    
    button#scBT{
    	position: absolute;
    	left: 150px;
    	height: 40px;
    	 150px;
    	background: #EEEEEE;
    	border: 0;
    	font-size: 14px;
    }
    
    
  • 相关阅读:
    python——ddt + excel + HTMLTestRunner 实现接口测试
    APP模拟弱网环境测试教程
    静态语言与动态语言
    Charles手机抓包实用教程
    DS博客作业08--课程总结
    DS博客作业03--栈和队列
    DS博客作业02--线性表
    DS博客作业01--日期抽象数据类型设计与实现
    第四次作业
    C博客作业01--分支、顺序结构
  • 原文地址:https://www.cnblogs.com/joah-q/p/9445049.html
Copyright © 2011-2022 走看看