CSS Float
Float 使元素向左或向右移动,其周围的元素也会重新排列 left,right,none,inherit 该属性使块元素变成内联元素 <div> <!– 固定显示在右侧 –&g…
Float 使元素向左或向右移动,其周围的元素也会重新排列 left,right,none,inherit 该属性使块元素变成内联元素 <div> <!– 固定显示在右侧 –&g…
overflow 属性只工作于指定高度的块元素上 visible 默认值。内容不会被修剪,会呈现在元素框之外 hidden 隐藏窗口滚动条,内容会被修剪,并且其余内容是不可见 scroll 内容被修剪…
display display:inline; 显示为内联元素 display:block; 显示为块元素 visibility:hidden; 占位隐藏 display:none; 隐藏 边界位置 …
块元素 独占一行,其后的元素另起一行显示,width、height、padding、margin都可控 div,p,h1,h2,h3,h4,h5,h6,table,ul,li,ol,form addr…
选择器 class选择器 class在同一页面可以重复使用 可以同时引用多个如class=”c1 c2″ .a{color:Red;} .b{color:Blue;} 两个p使用不同样式 <p …
设置load对应的div宽高为全屏,背景图像bk.png #load{width:100%;height:100%;position:absolute;background:url(../images…
.divarea{animation:anm 3s infinite linear;} @keyframes anm { from{transform:scale(1);} 50%{transform…
尺寸 {width: 100px;} {height: 20cm;}
/* !!!使用全屏不滚动单页布局,需要元素从最外层开始用100% */ html{height:100%;} /* overflow隐藏窗口缩放条 */ .mainpage{height:100%;…
外边框 margin margin-top: 上外边距; margin-right: 右外边距; margin-bottom: 下外边距; margin-left: 左外边距; 上、右、下、左 { m…
按钮 <input type=”button” onclick = “alert(‘xx’);” value=”按钮名”/> 文本输入 <input type=”text” />…
<select name=”number” id=”nu”> <option value=”1″>1</option> <option value=”2″&g…
空格 小于号 < 大于号 > 和号(&) & 引号 " 乘号 × 除号 &div…
<ul>为无序列表 <ol>为有序列表 <ul> <li type=”disc”>aaa</li> <li type=”square”…
<div>定义一个区域 <span>定义文本区域
图像显示 <img src=”位置” /> 位置是相对位置,可以是当前目录相连的的目录,也可以是其它网页目录中的内容。 <img src=”***” alt=”***”> 如果…
<form id=”f1″> ======表单元素===== <input type=”text” id=”inputContent” /> </form> f1.…
属性内容用 属性=”..” 如果属性值本身含有双引号,那么必须使用单引号: name=’aaa”bbb”ccc’ 通用属性 id…
<input type=”button” onclick = “alert(‘xx’);” value=”按钮名”/> <button onclick = “alert(‘xx’);…
<form name=”f1″ action=”b.html” method=”get” target = “_blank”> 用户名:<input type=”text” name…