随笔分类 - CSS
摘要：原文：Responsive Design in 3 Steps译文：响应式设计的三个步骤译者：dwqs现在，响应式Web设计无疑是非常流行的。如果你对响应式设计还不熟悉，可以看看我之前发表过的关于这方面的responsive sites。对于新人，responsive design可能听起来有点复杂...
阅读全文
posted @ 2015-01-04 09:56
淡忘~浅思
摘要：原文：CSS: Responsive Navigation Menu 译文：CSS：响应式导航菜单 译者：dwqs写在之前，关于如何制作响应式的下拉菜单：响应式下的下拉菜单之前，我写了一篇关于怎么制作响应式的移动导航的教程。现在，我发现了一个新技巧，不用使用JavaScript就能实现响应式菜单，而...
阅读全文
posted @ 2014-12-31 13:05
淡忘~浅思
摘要：原文：7 CSS Units You Might Not Know About众所周知，当使用CSS技术的时候，很容被一些奇异问题给困住。而当我们面对新的问题时，这会让我们处于非常不利的位置。但是，伴随着Web的发展，新的解决方案也在慢慢成熟。因此，作为一个Web设计和前端开发人员，除了对我们使用的...
阅读全文
posted @ 2014-12-05 14:15
淡忘~浅思
摘要：在CSS中，使用display属性来定义盒的类型。总体来说，盒类型分为两类：inline和block。如div默认是block，span默认是Inline。可以通过display修改默认的表现方式。 block and inline elements div元素1 ...
阅读全文
posted @ 2014-12-05 09:24
淡忘~浅思
摘要：来源：http://www.ido321.com/1214.html前两天翻译了一篇文章，关于利用css的border属性制作基本图形：http://www.ido321.com/1200.html在此基础上，今天分享一篇文章给大家，如果利用CSS制作冒泡提示框。先看2张效果图：CSS：/* 对...
阅读全文
posted @ 2014-11-18 11:57
淡忘~浅思
摘要：原文：Magic of CSS border property译文：不可思议的CSS border属性译者：dwqs在CSS中，其border属性有很多的规则。对于一些事物，例如三角形或者其它的图像，我们仍然使用图片代替。但是现在就不需要了，我们可以用CSS形成一些基本图形，我分享了一些关于这方面的...
阅读全文
posted @ 2014-11-16 00:24
淡忘~浅思
摘要：来源：http://www.ido321.com/1189.html昨天，在项目中碰到了option显示异常的原因，截图如下：Firefox中用css控制之后效果chrome和IE中css不奏效代码： 调 试了很久，在网上也找了方法，最终无果，只要去请教大牛了。大牛建议我去...
阅读全文
posted @ 2014-11-15 10:49
淡忘~浅思
摘要：来源：http://www.ido321.com/1147.html需求：让select、ul、文字、button、text显示在一行中，效果戳：http://bbs.csdn.net/topics/390915380?page=1#post-398415668我的实现如下HTML： Tes...
阅读全文
posted @ 2014-11-06 14:25
淡忘~浅思
摘要：来源：http://www.ido321.com/1143.html看到一些网站上添加了各种搜索引擎。如Google、百度、360、有道等，就有点好奇，这个怎么实现？研究了一各个搜索引擎怎么传送关键字，找到了小窍门，于是乎，自家弄了一个百家搜索：效果：演示地址戳此：http://sousuodaqu...
阅读全文
posted @ 2014-11-05 09:14
淡忘~浅思
摘要：原文：http://www.ido321.com/1112.html之前的博客收录集只是初版，还在修改，所以就不拿出来分享了。现在博客收录集的终版已经敲定：http://www.ido321.com/daohang/改版说明如下：1、增加了“我要上榜”板块：根据随机筛选和博主在本博客的活跃度匹予以展...
阅读全文
posted @ 2014-10-28 22:47
淡忘~浅思
摘要：来源：http://www.ido321.com/1063.html首先，给大家看一篇关于CSS优先级的示例：http://www.ido321.com/76.html一、基本的优先级规则 比较同一级别的个数，数量多的优先级高，如果相同即比较下一级别的个数，至于各级别的优先级如下： importan...
阅读全文
posted @ 2014-10-20 13:41
淡忘~浅思
摘要：来源：http://www.ido321.com/940.html来自StackOverFlow问题描述： 1: 1、这个到底是什么意思？2、一些示例使用”,”分离IE的版本，而一些使用”；“，哪个正确？3、我想知道IE=9; IE=8; IE=7; IE=EDGE顺序的含义。在文档中使用了答复...
阅读全文
posted @ 2014-10-11 13:03
淡忘~浅思
摘要：来源：http://www.ido321.com/938.html一、什么是CSS Hack？不同的浏览器对CSS的解析结果是不同的，因此会导致相同的CSS输出的页面效果不同，这就需要CSS Hack来解决浏览器局部的兼容性问题。而这个针对不同的浏览器写不同的CSS 代码的过程，就叫CSS Hack...
阅读全文
posted @ 2014-10-11 00:15
淡忘~浅思
摘要：来源：http://www.ido321.com/921.htmlcss： 1: *{margin:0;padding:0;list-style-type:none;} 2: a,img{border:0;} 3: body{font:12px/180% Arial, Helvetica...
阅读全文
posted @ 2014-10-05 01:34
淡忘~浅思
摘要：来源：http://www.ido321.com/888.html坛友的需求如图这个跟上次贴友分类菜单的实现类似html： 1: 2: 3: 4: 5: 图片标题 6: 编...
阅读全文
posted @ 2014-10-03 11:51
淡忘~浅思
摘要：来源：http://www.ido321.com/868.html贴友需求，实现图示菜单的分类我对于这个问题的实现，不足之处，请求指正。html： 1: 2: 3: 所有分类 4: 5: 精美包包 6: ...
阅读全文
posted @ 2014-10-02 08:31
淡忘~浅思
摘要：来源：http://www.ido321.com/858.html效果图：演示地址：http://jsfiddle.net/Web_Code/q5qfd8aL/embedded/result/代码： 1: 2: 3: 4: 5: 图片轮播的焦点 6: ...
阅读全文
posted @ 2014-10-01 19:39
淡忘~浅思
摘要：来源：http://www.ido321.com/842.htmlheader部分的实现 1: 2: 3: 9月25日周四 4: 联系我们 5: 收藏本站 6: 7: 8: 9...
阅读全文
posted @ 2014-09-29 12:23
淡忘~浅思
摘要：来源：http://www.ido321.com/750.htmlheader部分代码 1: 2: 3: 登陆 4: 注册 5: 我的购物车(0) 6: 我的收藏 7: ...
阅读全文
posted @ 2014-09-26 09:06
淡忘~浅思
摘要：1、利用display：block属性 1: 2: 3: 4: 5: a设置宽度和高度 6: 14: 15: 16: 17: 宽度130，高30 18: 19: 20: 效果：2、float：left属性 ...
阅读全文
posted @ 2014-09-23 13:12
淡忘~浅思
浙公网安备 33010602011771号