css - 随笔分类 - caribean

摘要：方法一： script标签中src链接，或者link标签的href链接，后面加上版本号：方法二： js生成时间戳：方法三： css的meta标签设置不缓存阅读全文

posted @ 2019-05-28 15:17 caribean 阅读(4914) 评论(0) 推荐(0)

摘要：list 阅读全文

posted @ 2019-05-28 14:52 caribean 阅读(692) 评论(0) 推荐(0)

摘要：text 20-78-90-7620-78-90-7620-78-90-7620-78-90-7620-78-90-7620-78-90-7620-78-90-7620-78-90-7620-78-90-7620-78-90-7620-78-90-7620-78-90-7620-78-90-7620-78-90-7620-78-90-76 ... 阅读全文

posted @ 2019-05-28 14:47 caribean 阅读(414) 评论(0) 推荐(0)

css代码实现列表等宽

摘要：实现上面的手机页面，我们会遇到一个自适应的问题，但是手机页面的屏幕大小不一致，自适应的问题不是百分比可以好好解决的，我采用下面的布局：display:flex; 给li标签的属性增加：display：flex；给article标签加属性：flex：1；就可以实现横条忽略内容宽度，保持所有横条的宽度阅读全文

posted @ 2019-05-28 14:42 caribean 阅读(630) 评论(0) 推荐(0)

浏览器加载不上css，样式走丢

摘要：来自：http://www.cnblogs.com/crizygo/p/5466444.html 问题描述：使用eclipse修改样式文件，浏览器的页面一时显示一时不显示，最后直接没有加载最新的css样式代码，直接使用旧样式代码，清除了浏览器缓存，清除了eclipse缓存，以及切换不同的浏览器查看网阅读全文

posted @ 2017-05-24 17:29 caribean 阅读(18025) 评论(0) 推荐(0)

Flex 布局教程：语法篇

摘要：来自：http://www.ruanyifeng.com/blog/2015/07/flex-grammar.html 网页布局（layout）是CSS的一个重点应用。布局的传统解决方案，基于盒状模型，依赖 display属性 + position属性 + float属性。它对于那些特殊布局非常不阅读全文

posted @ 2017-01-14 14:56 caribean 阅读(254) 评论(0) 推荐(0)

聊一聊移动调试那些事儿

摘要：来自：前端圈 http://mp.weixin.qq.com/s?__biz=MzA5NTM2MTEzNw==&mid=2736710380&idx=1&sn=495333fbd90abf843f2cf17d6621534c&scene=0#wechat_redirect 随着移动端的不断推进，移动阅读全文

posted @ 2016-07-21 11:46 caribean 阅读(754) 评论(0) 推荐(0)

使用 CSS 媒体查询创建响应式网站

摘要：来自：http://www.ibm.com/developerworks/cn/web/wa-cssqueries/ 适用于所有屏幕大小的设计适用于所有屏幕大小的设计固定宽度的静态网站很快被灵活的响应式设计所取代，该设计可以根据屏幕大小进行上扩和下扩。利用响应式设计，无论您采用什么设备或屏幕来访阅读全文

posted @ 2016-07-02 11:57 caribean 阅读(261) 评论(0) 推荐(0)

CSS让图片垂直居中的几种技巧

摘要：来自：http://www.nowamagic.net/librarys/veda/detail/1950 在网页设计过程中，有时候会希望图片垂直居中的情况。而且，需要垂直居中的图片的高度也不确定，这就会给页面的布局带来一定的挑战。下面总结了一下，曾经使用过的几种方法来使图片垂直居中，除了第一种方法阅读全文

posted @ 2016-05-13 16:38 caribean 阅读(729) 评论(0) 推荐(0)

30+有用的CSS代码片段

摘要：来自：http://webres.wang/31-css-code-snippets-to-make-you-a-better-coder/ 在一篇文章中收集所有的CSS代码片段几乎是不可能的事情，但是我们这里列出了一些相对于其他的更有用的代码片段，不要被这些代码的长度所吓到，因为它们都很容易实现，阅读全文

posted @ 2016-04-07 15:32 caribean 阅读(186) 评论(0) 推荐(0)

CSS实现背景透明，文字不透明（各浏览器兼容）

摘要：来自：http://www.cnblogs.com/radom/archive/2010/06/06/1752660.html /*CSS*/.waps{ background:url(07158.bmp) no-repeat top center fixed; width:1004px; text 阅读全文

posted @ 2016-03-24 15:07 caribean 阅读(177) 评论(0) 推荐(0)

PNG透明兼容IE6的几种方法

摘要：方法一：css方式，写一个属性hack，使用滤镜来解决png在ie6下不兼容的问题。 _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=’icon_home.png’); /* IE6 */_ background-ima 阅读全文

posted @ 2016-03-11 13:30 caribean 阅读(497) 评论(0) 推荐(0)

如何使ul中li元素横向排列且不换行

摘要：外层div容器宽度固定，ul宽度随li（li宽度固定）的增加而撑开，但是当ul中li的宽度之和大于div时，ul没有撑开，而是li换行了，如何使li不换行？解决方法：主要是外面容器设置为white-space：nowrap；li设置为display：inline-block；而不是float：le 阅读全文

posted @ 2016-03-09 14:25 caribean 阅读(28452) 评论(1) 推荐(2)

caribean

随笔分类 - css

公告