自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

kateLi的专栏

web前端技术积累

  • 博客(7)
  • 收藏
  • 关注

原创 行内元素与块级元素的区别

内联元素既我们平时说的行内元素;他有多个名称(内联元素,内嵌元素,行内元素,直进式元素)它与块级元素的区别: 1.设置宽度和高度无效,它的宽度就是内容区域的宽度; 2.margin和padding的top和bottom失效; 3.显示在一行; 4.行高无效;

2013-05-30 17:08:21 498

原创 简单的轮播效果

轮播滚动 *{margin:0; padding:0; border:0; font-size:12px;} a{ text-decoration:none;} ul,li{ list-style:none;} .clear-fix{*zoom:1;} .clear-fix:after{ clear:both; display:block; height:0; content:"\0020";}

2013-05-30 10:59:31 810

原创 html,xhtml,xml的区别

发展趋势: html(超文本标记语言)——xhtml(可扩展性超文本标记语言)——xml(可扩展性标记语言); html: 1.对大小写不敏感; 2.标签不必成对出现; 3.; xhtml: 1.对大小写敏感,必须是小写的; 2.标签必须成对出现,有开始标签就必须有结束标签; 3.属性值必须在引号之内; 4.不支持属性最小化: eg:正确:          错误: 5.

2013-05-29 18:34:24 557

原创 拖拽+div放大缩小

无标题文档 *{ margin:0; padding:0; font-size:12px;} .box{ width:300px; height:300px; background:#FCC; position:relative} .drag{width:300px; height:30px; cursor:move; background:#000} .resize{width:15px; h

2013-05-28 13:44:06 1474

原创 js封装,复用,放大效果

仿youtube菜单 *{margin:0; padding:0;} .contain{width:960px; margin:0 auto; text-align:center; font-weight:bold; font-size:100px; position:relative;} .left{ width:300px; margin-right:10px; float:left; } .

2013-05-27 17:13:25 580

原创 拖动效果和放大缩小效果

拖拽和放大缩小 *{margin:0; padding:0;} .container{ position:relative; width:100px; margin-left:300px;} .line{ width:100px; height:20px; background:#ccc; border:1px solid #000;} .haddle{ width:10px; height:3

2013-05-15 10:20:34 693

原创 tr整行同上和选中td的内容与上一行同列的单元格内容相同

无标题文档 h6{font-size:14px;} strong{font-size:12px;} p{ line-height:25px;} table{ border-collapse:collapse;margin:10px 0;} table td input{text-align:center; width:100px;} table td span{margin-right:10px

2013-05-14 23:24:56 1025

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除