随笔分类 -  html/css

position relative
摘要：position的默认值是static，（也就是说对于任意一个元素，如果没有定义它的position属性，那么它的position:static） 如果你想让这个#demo里的一个div#sub相对于#demo定位在右上角的某个地方，应该给#demo相对定位，#sub绝对定位。 absolute是相 阅读全文
posted @ 2016-06-18 21:35 -小白白白 阅读(343) 评论(0) 推荐(0)
文字后省略
摘要：white-space: nowrap;overflow: hidden;text-overflow: ellipsis;word-wrap:normal 阅读全文
posted @ 2016-05-30 15:36 -小白白白 阅读(145) 评论(0) 推荐(0)
CSS border实现各个方向等腰直角三角
摘要：CSS代码： 1 .border_cort, .border_corr, .border_corb, .border_corl { 2 display: inline-block; 3 width: 0; 4 height: 0; 5 border-width: 6px; 6 overflow: hidden; 7 } 8 .border_... 阅读全文
posted @ 2016-05-25 12:22 -小白白白 阅读(1054) 评论(0) 推荐(0)
侧栏工具栏
摘要：1 .toolbar-item,.toolbar-layer{ 2 background-image: url("images/toolbar.png"); 3 background-repeat: no-repeat; 4 } 5 .toolbar{ 6 ... 阅读全文
posted @ 2016-05-08 15:46 -小白白白 阅读(243) 评论(0) 推荐(0)
切图技巧
摘要：一、img标签 1.logo图层 ctrl单击选择图层 两个图层ctrl选中单击右键转换为智能对象变成一个图层 双击保存 颜色单一的存png 2.多图层合并拷贝（大图） 选区——图像-合并拷贝——文件-新建——粘贴——存储为web所用格式——更改品质 banner颜色丰富的存jpg—— 200k左右 阅读全文
posted @ 2016-05-04 17:49 -小白白白 阅读(145) 评论(0) 推荐(0)
jsonp
摘要：json with padding 1.script标签 2.用script标签加载资源是没有跨域问题的 在资源加载进来之前定义好一个函数，这个函数接受一个参数（数据），函数里面做一些事情 用script标签加载对应远程文件资源，当加载进来后，执行之前定义好的函数，并把数据当做函数的参数传入进去。 阅读全文
posted @ 2016-04-29 19:47 -小白白白 阅读(118) 评论(0) 推荐(0)
清除浮动
摘要：清除浮动就是为了解决父亲盒子高度为0的问题 清除浮动两种方式： 1.clear来清除 额外标签法：在最后一个浮动的盒子后边加一个空的盒子，给这个盒子清除浮动 给父盒子添加伪元素: .clearfix:after{content:"";display:block;height:0;visibility 阅读全文
posted @ 2016-04-21 17:56 -小白白白 阅读(130) 评论(0) 推荐(0)
盒子阴影 伪类
摘要：box-shadow:水平阴影，垂直阴影，模糊距离，阴影尺寸，阴影颜色，内外阴影 注意：内阴影inset 外阴影默认值 after before 伪类 这两个伪类功能：在目标盒子追加新盒子 after 子集结尾处追加盒子 before 子集开头处追加盒子 注意： 1.伪类追加的盒子显示模式都是行内， 阅读全文
posted @ 2016-04-18 15:15 -小白白白 阅读(236) 评论(0) 推荐(0)