- 博客(24)
- 收藏
- 关注
原创 position:fixed;滚动条
滚动条对于position:fixed;如果使用overflow:auto;会导致的问题:底层滚动到最底部,当前层的滚动效果才能出现。可以对其下层设置position:absolute;或者 position:relative;之后设置overflow:auto;
2015-03-09 15:15:16
2241
原创 ps保存图片logo背景透明
1、拿到图片,去百度或者谷歌搜对应logo的矢量图2、搜到矢量图之后,放到ps里直接调整大小即可,使用快捷键shift+alt相对于中心等比缩放图片,调整位置即可3、对于搜索不到矢量图的图片,使用魔棒工具抠图即可。链接如下点击打开链接或者输入http://jingyan.baidu.com/article/ce09321b2e69492bff858f12.html
2015-02-06 11:02:48
1224
原创 清除浮动,并闭合父元素
父元素:after{display: table;content: '';clear: both;line-height: 0;}
2015-02-04 10:54:31
333
原创 display:inline-block消除间隙
display:inline-blcok消除元素之间的间隙方法设置父元素{font-size:0;}同时在该元素上设置需要用到的font-size即可
2015-02-04 10:51:19
350
原创 左右布局,背景图左侧定宽,自适应
如上图所示,左侧的阴影和sidebar右侧的2px的背景,代码个人体检报告个人体检指标追踪个人阳性指标追踪style.css为了使阴影兼容浏览器,把阴影切成背景图body{background: #ccc;}.wrapper {width: 80%;min-width: 1280px;max-width:
2015-02-04 10:05:24
599
原创 保存图片为svg格式
1、选中图层,之后复制图层到另一个新建文档12、ps里ctrl+c3、打开ai,设置高度和宽度4、ai里ctrl+v,选择 复合形状5、设置高度28px,点击高度前面的设置宽度和高度比例6、选择参考点,设置y为0px7、点击左侧的填充,给其填充为黑色8、保存为 **.svg即可9、点击svg代码,从标签开始copy,替换对应的**.html代码即可实现。
2015-01-23 10:44:28
2581
原创 定义为inline-block的元素li消除li之间额外的间距
方法一:在父元素内 定义{font-size:0;},只适用于子元素中没有内容方法二:子元素中有内容,父元素{font-size:0;}子元素{font-size:?px;}额外的间距是由于li标签之间的回车引起的,li标签不换行,就不需要处理
2015-01-21 16:55:55
435
原创 ps修改图
修改图片1、图像 --> 模式 --> rgb颜色2、copy图层,备份用3、使用矩形选框工具或者是矩形工具,选出需要修改的部分,ctrl + c, ctrl+v接下来有两种方法方法一:把方框剪一半1、使用矩形选框工具或者是矩形工具 ctrl+c, ctrl+v,过程中需要选中该图层,否则,复制会不成功2、因为是对称的方框,所以,copy出2个图层,之后选择 编辑 --
2015-01-12 11:29:54
358
原创 @font-face
http://cdn.bootcss.com/bootstrap/3.3.1/css/bootstrap.csshttp://blog.csdn.net/purecss/article/details/9197079点击打开链接 点击打开链接
2014-12-09 17:18:26
195
原创 table中td设置width问题
方法一:td里嵌套div,之后对td>div设置width即可实现方法二:超出部分不滚动情况下:一:table{ width:100%; table-layout:auto;}之后定义td的width,必须保证所有td的width之和为100%,否则会按照自己的规则解析。二:table{layout:fixed;}之后的td会被均分,怎么定义td的width都不会起作用。超出部
2014-12-09 14:11:09
1965
原创 京东头部shortcut部分左图片右文字的制作方法
方法一:使用定位,图片作为背景图,之后使用定位实现方法二:使用margin-left:-?px;图片依旧
2014-11-10 12:01:46
1094
原创 width,height的问题,span中line-height和padding区别
div是块级元素,height尽量不要定义固定值,方便后续内容添加。width只对块元素起作用。 在父元素的width,height已经定义了的时候,子元素的width,height不一定需要明确定义:如果子元素是img,width和height是已经知道的,就无需再定义,但是,img在不写width,height时,加载时不占位。;如果子元素的左右填充都有,字体大小也有,而且是块级元素
2014-09-18 08:37:24
711
原创 css中li标签之列表项标志显示
li为列表项 display:list-item;今天误把它当成了块级元素,之后设置了li { display:block;},这种情况下,由于样式表中在前面使用的时候把li{ list-style:none;},此时要想显示li前面的列表项标志(默认为disc;),即使写上 li{ list-style:disc;},li前面的列表项标志 圆点依旧不会显示。li显示前面的圆点,方法有三种
2014-09-18 08:36:22
1632
原创 css中邮件布局问题
css中邮件使用table布局,而且样式都写在style里。td里可以逃入table,而tr里必须是td,th。邮件中的width一般使用的是600px。 考虑到兼容性问题,间距用td控制,margin属性要分开写,字体、样式、大小都要写在style里,table水平居中要使用,使用margin:0 auto;是不兼容的,即使用如下的定义<table style="margin-to
2014-09-18 08:36:10
1656
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人