只作为个人备忘录

apple apple apple apple apple apple apple apple

*{margin:0;padding:0} .content{ margin:100px auto; width:800px; height:1000px; border:1px red solid; } ul{ list-style-type:none; width:300px; height:30px; border:1px red

*{margin:0;padding:0} .content{ margin:100px auto; width:800px; height:1000px; border:1px red solid; } .content .box span{ display:inline-bolck; } .content .box{ paddin

div{ width:100px; height:100px; border:2px red solid; } div:nth-of-type(1){/*:nth-of-type(n) 选择器匹配属于父元素的特定类型的第 N 个子元素的每个元素.*/ border-radius:100px;/*50%*/ } div:nth-of-type(2){ b

IE8不支持css3.0 div{ width:300px; height:300px; border:10px #ccc solid; margin:100px auto; box-shadow:15px 15px 15px -5px rgba(0,0,0,.3)/*默认outside，内阴影inset*/ /*CSS3的RGBA(R,G,

单冒号(:)用于CSS3伪类，双冒号(::)用于CSS3伪元素。伪元素由双冒号和伪元素名称组成。双冒号是在当前规范中引入的，用于区分伪类和伪元素。但是伪类兼容现存样式，浏览器需要同时支持旧的伪类，比如:first-line、:first-letter、:before、:after等。对于CSS2之前已有的伪元素，比如:before，单冒号和双冒号的写法::before作用是一样

div{ width:300px; height:100px; border:2px solid red; background-color:pink; margin:100px auto; /*多个属性加逗号*/ transition:width 2s ease 0s,height 2s ease 0s; } div:hover{ widt

body{ background-color:#aaa; } .iphone{ width:300px; height:600px; margin:50px auto; background-color:#2e2e2e; border:10px solid #3b3b3b; border-radius:50px; box-shadow:3px

<!-- 绝对定位和绝对定位都可以让元素处于不同层次； 通过z-index:制定层次； 验证：根据相邻已经定位的父元素进行定位； --> body{padding:0px;margin:0px;} #f_3{width:300px;height:300px;background-color:yellow;margin-left

div{ width:280px; height:156px; border:1px solid red; margin:100px auto; overflow:hidden ; } img{ vertical-align:top; transition:all 2s; width:280px; height:156px; }

background-size: length|percentage|cover|contain;值描述测试length设置背景图像的高度和宽度。第一个值设置宽度，第二个值设置高度。如果只设置一个值，则第二个值会被设置为 "auto"。测试percentage以父元素的百分比来设

.data{ background:red; width:200px; height:400px; } $(function(){ $('.dis').click(function(){ $('.data').slideUp(200); }) $('.hid').click(function(){ $('.data').slid

img{ width:160px; height:200px; position:absolute; top:100px; } .right{ right:10px; } $(function(){ $('.dis').click(function(){ $('.data').show(200); }) $

#content{ margin:0 auto;/*元素居中处理*/ } a{ text-decoration:none; } 今日小说排行榜 排名 关键词 趋势 今日搜索 最近七日 相关链接 1 2 1 2

h2{color:#0c3;font-size:16px;text-align:center;} h4{color:#900;} p{color:#06c;font-size:14px;text-indent;2em;} body{background-image:url('img/cibihuaigu.jpg');}; 《念奴娇 赤壁怀古》

span{ width:100px; height:100px; border:1px red solid; display:block; } div{ width:100px; height:100px; border:1px red solid; display:inline; } a{ wi

div{width:300px; height:40px; background-color:#9c3; } .chge{width:300px; height:40px; background-color:#9c3; line-height:40px; } 行高line-height 行高l

*{margin:0;padding:0}/*消除浏览器缝隙*/ body{ /*background-image:url(11.jpg); background-repeat:no-repeat; background-position:center top; background-attachment:fixed;图片固定 }*/ /*简

input{ width:150px; height:18px; outline-style:none;/*取消蓝色边框*/ } .username{ border:1px dashed #ccc; background-color:#E7EEFE; } .username:focus{/*获取焦点*/ border:1px

#content{ margin:0 auto;/*元素居中处理*/ } a{ text-decoration:none; } table , td ,th{ border:1px solid red; border-collapse:collapse;/*细线表格，合并边框*/ } 今日小说排行榜

.nav{ height:41px; background-color:#FCFCFC; border-top:3px solid #FF8500; border-bottom:1px solid #EDEEF0； padding-left:50px; } .nav a{ color:#4C4C4C; text-decoratio

.fa{ background-color:pink; width:300px; height:200px; } .son{ background-color:blue; } 111

/*行高line-height必须放在font-size后边；或者这样写font:12px/30px "宋体"*/ body{padding:0px;margin:0px;} .music{ width:230px; height:189px; border:1px solid #D9E0EE; border-top:3px solid #FF8400;

div{ width:220px; height:150px; background:url(C:\\Users\\admin\\Desktop\\xlj.jpg) no-repeat; margin:50px; border-radius:15px; position:relative; } div:hover:before{ content:"