xiaoxiao_xiaoliu-优快云博客

原创 position:fixed;滚动条

滚动条对于position:fixed;如果使用overflow:auto;会导致的问题：底层滚动到最底部，当前层的滚动效果才能出现。可以对其下层设置position:absolute;或者 position:relative;之后设置overflow:auto;

2015-03-09 15:15:16 2331

原创 ps保存图片logo背景透明

1、拿到图片，去百度或者谷歌搜对应logo的矢量图2、搜到矢量图之后，放到ps里直接调整大小即可，使用快捷键shift+alt相对于中心等比缩放图片，调整位置即可3、对于搜索不到矢量图的图片，使用魔棒工具抠图即可。链接如下点击打开链接或者输入http://jingyan.baidu.com/article/ce09321b2e69492bff858f12.html

2015-02-06 11:02:48 1307

原创清除浮动,并闭合父元素

父元素:after{display: table;content: '';clear: both;line-height: 0;}

2015-02-04 10:54:31 366

原创 display:inline-block消除间隙

display:inline-blcok消除元素之间的间隙方法设置父元素{font-size:0;}同时在该元素上设置需要用到的font-size即可

2015-02-04 10:51:19 383

原创左右布局，背景图左侧定宽，自适应

如上图所示，左侧的阴影和sidebar右侧的2px的背景，代码个人体检报告个人体检指标追踪个人阳性指标追踪style.css为了使阴影兼容浏览器，把阴影切成背景图body{background: #ccc;}.wrapper {width: 80%;min-width: 1280px;max-width:

2015-02-04 10:05:24 626

原创保存图片为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 2762

原创定义为inline-block的元素li消除li之间额外的间距

方法一：在父元素内定义{font-size:0;},只适用于子元素中没有内容方法二：子元素中有内容,父元素{font-size:0;}子元素{font-size：?px;}额外的间距是由于li标签之间的回车引起的，li标签不换行，就不需要处理

2015-01-21 16:55:55 475

原创 ps修改图

修改图片1、图像 --> 模式 --> rgb颜色2、copy图层，备份用3、使用矩形选框工具或者是矩形工具，选出需要修改的部分，ctrl + c, ctrl+v接下来有两种方法方法一：把方框剪一半1、使用矩形选框工具或者是矩形工具 ctrl+c, ctrl+v，过程中需要选中该图层，否则，复制会不成功2、因为是对称的方框，所以，copy出2个图层，之后选择编辑 --

2015-01-12 11:29:54 407

原创 @font-face

http://cdn.bootcss.com/bootstrap/3.3.1/css/bootstrap.csshttp://blog.youkuaiyun.com/purecss/article/details/9197079点击打开链接点击打开链接

2014-12-09 17:18:26 214

原创 ps做出阴影

选择矢量图中的椭圆，之后做出图形，选中图层，之后选择描边，点击描边，选择颜色之类。之后选择投影即可。ps做出渐变，选择渐变工具。

2014-12-09 15:38:30 646

原创 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 2014

原创京东头部shortcut部分左图片右文字的制作方法

方法一：使用定位，图片作为背景图，之后使用定位实现方法二：使用margin-left:-?px;图片依旧

2014-11-10 12:01:46 1126

原创 div中图片和文字在同一位置

hello

2014-10-22 17:42:33 1488

原创第一个响应式布局的简单页面

《body> Hello, my friends! 二级标题。。。。。。

2014-10-20 17:35:59 558

原创 ps批处理图片

在菜单栏里窗口->动作，调出动作窗口：

2014-10-13 10:51:32 306

原创左图片右文字的组合

今天做的是图片加文字的组合：四种方法

2014-10-10 15:13:17 854

原创 css中图片上添加的文字隐藏

方法一：设置文字的display:none;

2014-10-08 18:07:08 581

原创 ps裁剪图片

今天的任务是把原图片

2014-09-29 15:12:27 841

原创 ps压缩图片

有原图片的情况下:1.没有

2014-09-28 13:08:48 415

原创圆角矩形显示不同的input标签

实现所示的效果图方法一：

2014-09-18 14:08:33 1943

原创 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 754

原创 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 1704

原创 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 2058

原创 css中定位position、偏移top,bottom,left,right和高宽度设置问题

css中1.定位问题

2014-09-12 10:12:05 7506

xiaoxiao_xiaoliu的专栏