随笔分类 -  css

导航栏实现
摘要：需求：做一个导航栏，单击不同的商品名称链接，显示相应的内容，同时高亮显示当前选择的商品。 注：以下代码通过：chrome、FF、ie的测试 html+css的设计：这里提供两种解决方法 一、使用的float:left，保证同行显示效果图代码部分遇到的问题及解决方案 二、利用的displa... 阅读全文
posted @ 2014-12-13 21:39 gyy_Jade 阅读(291) 评论(0) 推荐(0)
来自平时工作中的css知识的积累---持续补充中
摘要：①现代浏览器中，元素默认情况下底部会有空白，那么这个空白到底是从哪里来的？ 解惑： method-one：猛戳来自知乎的解答 method-two: 延伸阅读 what is vertical align? ② 在chrome浏览器中，对于鼠标移入input、textarea，浏览器会给... 阅读全文
posted @ 2014-11-25 11:24 gyy_Jade 阅读(238) 评论(0) 推荐(0)
CSS3 3D变换
摘要：可以这么说，3D变换是基于三维坐标系的。以下是“盗用”的图 CSS3中的3D变换主要包括以下几个功能函数：3D位移：包括translateZ()和translate3d()；3D旋转：包括rotateX()、rotateY()、rotateZ()和rotate3d()；3D缩放：包括scal... 阅读全文
posted @ 2014-10-23 15:48 gyy_Jade 阅读(805) 评论(0) 推荐(0)
offsetParent、offsetTop、offsetLeft、offsetWidth、offsetHeight
摘要：w3c规范，请戳这里：http://www.w3.org/TR/cssom-view/#dom-htmlelement-offsetparent 一、offsetParent 英文解读： part one：offsetParent作为一个元素属性并不是每一个元素都是值得拥有的，对于符合... 阅读全文
posted @ 2014-08-31 10:17 gyy_Jade 阅读(669) 评论(0) 推荐(0)
始于清除浮动、追溯到源头
摘要：如果你喜欢用浮动来进行布局，我深信，你肯定受过浮动带来的虐心。尽管我记得在张鑫旭大哥的某篇博文里看到过，浮动，其实并不是作为一种布局的手段，然后balabala，确实言之很有理。我也曾经这么认为，我现在也是这么认为的。不过，原则上，我们应该可以有这么个底线，好用并且有完美解决问题的方法，就有存在... 阅读全文
posted @ 2014-08-10 23:51 gyy_Jade 阅读(254) 评论(0) 推荐(0)
实现“鼠标移入仿购物网站图片查看细节”功能
摘要：写在最前面：Demo的源起来自于http://js.fgm.cc/learn/，但是实现部分都是经过自己思考和优化的，有时会借助别人的图片，然而“窃喜”。如无特殊说明，demo都是经过ie6、ie7等低版本浏览器测试通过的。表要笑话我有“自虐”倾向，各中是有情节和情结的。力图做得专业再专业一点点... 阅读全文
posted @ 2014-04-27 11:11 gyy_Jade 阅读(566) 评论(0) 推荐(0)
控制DIV属性——实现盒子长、宽、背景等变化
摘要：写在最前面：Demo的源起来自于http://js.fgm.cc/learn/，但是实现部分都是经过自己思考和优化的，有时会借助别人的图片，然而“窃喜”。如无特殊说明，demo都是经过ie6、ie7等低版本浏览器测试通过的。表要笑话我有“自虐”倾向，各种是有情节和情结的。力图做的专业再专业一点点... 阅读全文
posted @ 2014-04-26 14:28 gyy_Jade 阅读(961) 评论(0) 推荐(0)
你真的知道css三种存在样式（外联样式、内部样式、内联样式）的区别吗？
摘要：css样式在html中有三种存在形态： 内联样式： 内部样式: 外联样式： 三者的优先级为：内联样式>内部样式>外联样式。 你可能会对内部样式和外联样式的优先级产生怀疑。反正我怀疑过，是不是两者的先后顺序不同会产生覆盖？当然经过测试，完全没有这种情况。~至于原理，我觉得是和渲染机制有... 阅读全文
posted @ 2014-04-26 14:14 gyy_Jade 阅读(15985) 评论(0) 推荐(0)
js中批量处理样式——cssText的使用
摘要：http://www.cnblogs.com/snandy/archive/2011/03/12/1980444.html 阅读全文
posted @ 2014-04-26 14:13 gyy_Jade 阅读(409) 评论(0) 推荐(0)
CSS的定位属性实现text-shadow属性的文本下产生阴影效果
摘要：只要先理解text-shadow的原理，就能用定位元素进行效果的模仿。 text-shadow: h-shadiv v-shadov blur color h-shadv为文本水平移动的距离，正值相对于当前位置向右，负值相对于当前位置向左； v-shadov为文本垂直移动的距离，正值相对于... 阅读全文
posted @ 2014-04-26 13:14 gyy_Jade 阅读(613) 评论(0) 推荐(0)
display:none和visibility: hidden二三事
摘要：display:none属性后，HTML元素（对象）的宽度、高度等各种属性值都将“丢失”;而使用visibility:hidden属性后，HTML元素（对象）仅仅是在视觉上看不见（完全透明），而它所占据的空间位置仍然存在。　CSS display:none;　使用该属性后，HTML元素（对象）的宽... 阅读全文
posted @ 2014-02-05 22:50 gyy_Jade 阅读(212) 评论(0) 推荐(0)
渐进增强和优雅降级
摘要：优雅降级：一开始就构建站点的完整功能，然后针对浏览器测试和修复。渐进增强：一开始只构建站点的最少特性，然后不断针对各个浏览器追加功能。博客：http://fatesinger.com/764.html（好犀利耐寻味的博客^_^）http://bigc.at/user-need.orz优雅降级：使用优... 阅读全文
posted @ 2014-02-05 21:24 gyy_Jade 阅读(774) 评论(0) 推荐(0)
css的优先级以及!important的使用
摘要：CSS的优先级应该是作为CSS基本知识而广为知道的,所以CSS入门后，就一直把CSS的优先级记挂在心里（自觉告诉自己这地方很可能会摔跤）。起初可能是因为自己的项目经验不够丰富，或者是自己所接触到的项目都是小规模的前端，也或与自己书写CSS的习惯有关（自己基本上就是逐层书写CSS，尽量把代码写得干... 阅读全文
posted @ 2014-02-05 19:29 gyy_Jade 阅读(1248) 评论(0) 推荐(0)
css文件都写在一个里面还是每个页面都引用单独的css样式好？
摘要：因为网站比较小，外加网站页面有很多重复构件，决定采用“构件复用”搭建网页，但是遇到了一个问题。因为虽然有共同的css，但是每个页面或多或少都有独立的样式控制，到底是写在同一个css还是分离看上去清楚一点呢？~~纠结　整理博客时发现这个自己遗留下的问题。 阅读全文
posted @ 2013-11-18 20:11 gyy_Jade 阅读(834) 评论(0) 推荐(0)