聪明文档网
最新最全的文档下载html5+css 代码
1.css引用方式：①内联式②行内式 3.表格：colspan 列合并rowspan 行合并cellspacing 单元格间距 7.表格当中添加表格 8.透明度： .uname:hover{ background-color: red; opacity: 0.2;} 9.焦点：.pwd:focus{ background-color: green; width: 300px;} 10.表单及表单控件:action:提交地址 action=""提交当前页 method:提交方式 get-默认 post-更加安全 （1）"text" name="uname"value="uname"> （2） value="pwd> （3） 1）登录 2） （4） --ajax 局部刷新 （5） （6） --value="不同" name="相同"男女 （7） --value="不同" name="相同"爱好：学习游戏睡觉 （8）城市： （9）简介： （10）上传文件： （11） （12） > > 11.外边距margin-left margin-right margin-top margin-bottom 1）元素（盒子）垂直排列，margin上下合并，取最大值。 2）元素（盒子）水平排列，margin左右累加margin允许有负值 margin:20px; 四边margin:20px 40px; 上下 左右margin:20px 180px 200px; 上 左右 下margin:20px 700px 80px 100px; 上 右 下 左 12.内边距 padding-left padding-rightpadding-top padding-bottom padding 不允许负值 padding:50px; 四边padding:30px 40px; 上下 左右padding:20px 20px 40px; 上 左右 下padding:20px 40px 20px 40px; 上 右 下 左 13.加粗： font-weight: border 100~900; 简写： font:italic bolder 20px arial ;（简写：20px arial必写 顺序不能颠倒） 14.背景简写： background: red url("") no-repeat fixed top;简写 顺序可变 15.字体单位：px 像素cm 厘米pt 磅in 英寸百分比 对默认字体缩放（不同浏览器默认字体不同，默认最小字体也不同）em 字号倍数，相对于默认字体（父元素或浏览器）//font-size:2em;////pt cm in 200%原基础上放大 50%原基础上缩小 em成倍数放大// 16.使红框固定大小 label{ width: 100px; border:1px solid red; display: inline-block;} 17.表示label标签要绑定的HTML元素,你点击这个标签的时候,所绑定的元素将获取焦点 18.颜色的表示方式 1）颜色名 如red color:red;2）rgb() 范围0-255 red green blue 黑：rgb(0,0,0) 白：rgb(255,255,255) color:rgb(255,0,0)3）十六进制表示，如#fea230 color:#ff0000;4）十六进制简写：#223344简写为 #234color:#234; 19.背景图片定位background-position:top right; 简写： background:url("images/1.jpg") no-repeat top right; 20.CSS3 阴影box-shadow:（inset内阴影，省略为外阴影）水平偏移量，垂直偏移量，阴影模糊度，阴影大小，阴影颜色box-shadow: 10px 10px 10px 10px black; （外阴影）box-shadow:inset 10px 10px 10px 10px black; （内阴影） 21.伪类：被选中（被激活）.d01:active{ background: blue;} 22.先隐藏，鼠标悬浮时显示（隐藏的模块必须被包含在悬停的模块里） .d02{ /*隐藏*/ display: none;}.d01:hover .d02{ /*显示*/ display: block;} 23.line-height:10px; //行高 //与height所设值相同时，文字垂直居中 24. 块级元素：与同级元素竖直排列，且左右撑满 如：div ul li p dd dt dl行级元素：与同级元素横向排列，且内容自适应，不会左右撑满 如：span a img input span a：宽高不能改变 img input：宽高能改变（特例）标准流static：css规定的默认的块级元素与行级元素的排列方式 display: block; 将当前元素转换为块级元素display: inline; 将当前元素转换为行级元素display: inline-block; 行级块元素 25.display 与 visibility区别？display 不占用空间（后元素补位） visibility 占用空间（保留原元素空间） display: none; //隐藏 display: block; //显示 visibility: hidden; //隐藏 visibility: visible; //显示 26.浮动float:left; float:right;1)浮动的元素会脱离标准流2)如前面有浮动元素，会依次排在后面3)浮动是以标准流所在位置为起始点4)同高度元素横向排满后，会被“挤”到下面5)不同高度元素横向排满后，挤下后会被其他元素“卡”住6)清除浮动：clear:both/left/right;7)一个div的范围是由它里面的标准流决定的，与里面浮动的内容无关27.绝对定位1)position: absolute; left right top bottom 2)对定位脱离标准流3)绝对定位的元素是以它最近的一个已经定位的祖先元素为基准进行偏移 如果没有已经定位的祖先元素，则会以浏览器窗口为基准进行偏移 4)多个元素绝对定位，后面定位的元素的层级会高于前面（覆盖之前的元素） 5)z-index 设定层级 28.相对定位 1)position: relative; left right top bottom 2)相对定位不脱离标准流 3)相对定位元素会相对于它原来的位置进行偏移，不受父元素影响 //相对定位、绝对定位允许负值 //相对定位、绝对定位对浮动元素依然有效 29.position:static; 恢复标准流 30.a1 t1 t2 t3