首页小程序CssJsphotoshophtml5seonet设计教程学习前端在线转换工具联系我

相关搜索 >> css

  • 0228html5移动端页面分辨率设置及相应字体大小设置方式阅读(15636)条2014/2/28 16:05:58

    对于html5移动端网页编写CSS网上有很多介绍的文章，但在实际使用过程中还是会纠结.网上的资料太多，且大多都是技术介绍型，特别是针对android上，网上写的各种麻烦，各种复杂，各种不接地气儿...我在做移动端网页时，总是和美工设计的页面有出入，主要还是由于双方对移动端HTML5实现页面还了解还不够。 今天就研究一下各大互联网公司对于移动端页面的处理方式。主要研究对象：BAT(度娘，阿狸，企鹅)这几家的移动端网站或webapp主要研究点：v...阅读全文

    Taget：html5 字体 css 移动端 

  • 0109ie7+背景透明，文字不透明超级简单的方法阅读(6388)条2014/1/9 17:16:43

    如果你现在还在为背景透明文字不透明而发愁的话，建议你来看看。当然IE6我已经放弃了，所以不要说不用PNG8的图片这样在IE6下没有效果，当然你也可以用滤镜。本人不建议使用滤镜。因为这样可能会出现其它问题！（如无法点击等等问题）做前端最怕的就是BUG，特别是IE６。滚蛋IE6！本文的核心就是利用PNG32透明图片来做背景然后平铺背景就行了。这样就不会存在背景透明文字也透明了。这样做起来超级简单你们说呢！图片只需要调整透明度即可。在PSD中把图...阅读全文

    Taget：css 背景 透明 

  • 0108编写更好的CSS让页面加速阅读(6364)条2014/1/8 20:00:32

    编写好的CSS代码能提升页面的渲染速度，所以编写风格是很重要的。本质上，一条规则都没有引擎解析的最快。MDN上将CSS选择符归拆分成四个主要类别，如下所示，性能依次降低。1、ID 规则2、Class 规则3、标签规则4、通用规则对效率普遍认识是从Steve Souders在2009年出版的《高性能网站建设进阶指南》开始的，虽然Souders的书中罗列的非常详细，你可以在这里查看完整列表引用。你也可以在谷歌的高效的CSS选择器的最佳实践中查看更多的细节。本文我想分...阅读全文

    Taget：css 加速 

  • 0104CSS3实现超炫的Loading动画效果阅读(6897)条2014/1/4 9:22:53

    SpinKit 是一套网页动画效果，包含8种基于 CSS3 实现的很炫的加载动画。借助 CSS3 Animation 的强大功能来创建平滑，易于定制的动画。SpinKit 的目标不是提供一个每个浏览器都兼容的解决方案，而是给现代浏览器提供更优的技术实现方案和更佳的使用体验。（为保证最佳的效果，请在 Chrome、Firefox 和 Safari 等现代浏览器中浏览）    Loading 动画效果一 div { background-color: #67CF22; height: 100%; width:...阅读全文

    Taget：css3 动画 

  • 0104细数IE6的一串串恼人的bug,附加解决方法阅读(5628)条2014/1/4 9:15:06

    1. li在IE中底部3像素的BUG 解决方案：在<li>上加float:left；即可解决2. IE6中奇数宽高的BUG。 解决方案：就是将外部相对定位的div宽度改成偶数。高度也是一样的。3. IE6文字溢出BUG 引发这种BUG有几个条件1.是注释引起的,删除所有注释即可.2.hidden的input直接放在form下.3.display为none的div也有可能引发此bug.4.可以通过外面再包一次DIV解决由注释造成文字溢出，属于IE6的BUG，溢出文字的字数=注释的条数*2-1，这里的字数在中文或...阅读全文

    Taget：css ie bug 

  • 0103IE6/IE7中li底部4px的Bug阅读(5362)条2014/1/3 14:56:59

    ie中的BUG实在太多，其中之一是底部4px的Bug，当li的子元素中有浮动（float）时，IE6/IE7中<li>元素的下面会产生4px空隙的bug。<ul class="list"> <li><div>vapour</div></li> <li><div>百度</div></li> <li><div>淘宝</div></li> <li><div>迅雷</div></li></ul>经过测试发现：li的子元素浮动...阅读全文

    Taget：ie bug css 

  • 1227用css模拟表格对角线阅读(5826)条2013/12/27 13:39:09

    首先声明：这只是探讨一种CSS模拟表格对角线的用法，实际在工作中可能觉得这样做有点小题大作，这不是本主题讨论的重点。如果对此深以为然的朋友，请一笑过之。。。有时在插入文档时，要用到表格对角线，常见的作法是用图片的方式来处理，还有就是用vml来画对角线，能不能用html+css方式来实现呢？答案是肯定的，下面我们来摸拟一个表格对角线。原理：用边框线来摸拟斜线，我们知道，如果将一个DIV的边框线设置得足够宽并定义了不同的颜色时，其相邻的...阅读全文

    Taget：css table 对角线 

  • 1223css2.0实现面包屑效果阅读(7967)条2013/12/23 11:53:39

    面包屑这样的 我们以前都是用背景图片做这块工作，但是直到大概2个星期之前在新浪微博上看到用css3.0实现这样的面包屑 但是目前情况下IE6-8并不支持css3.0 只有标准游览器(像火狐 谷歌等支持)。由于有前一次总结一篇关于"CSS实现气泡框效果" 的文章 其中有关于怎么样实现小三角形的列子  所以感觉用那个小三角形可以正好模拟这块工作，所以也就试着做了一个。下面我们来看看面包屑大概是个什么样的效果！如下图：如上所示...阅读全文

    Taget：css 面包屑 特效 

  • 1223css2.0实现气泡框效果阅读(6400)条2013/12/23 11:07:44

    前提：气泡框或者提示框是网页很常见的，实现它的方式有很多，我们以前最常用的就是切图片 然后通过 "定位" 方式 定位到相应的位置，但是用这种方式维护很麻烦，比如设计师想改成另外一种或者另外一种颜色 那我们只有再次切图片等。下面我们来学习下使用html+css来实现这种效果！如下效果：   and  我们可以来分析下：要实现这种效果 无外乎就是一个矩形和一个小三角形 然后三角形定位上去就可以了，那么我们怎么样...阅读全文

    Taget：css2 气泡 特效 

  • 1220js获取某元素的class里面的css属性值阅读(8397)条2013/12/20 13:28:16

    用js如何获取div中css的 margin、padding、height、border等。你可能说可以直接用document.getElementById("id").style.margin获取。但是你说的只能获取直接在标签中写的style的属性，无法获取标签style外的属性（如css文件中的属性)。而下面方法则两者值都可以获取。实例效果图如下:js在获取css属性时如果标签中无style则无法直接获取css中的属性，所以需要一个方法可以做到这点。getStyle(obj,attr) 调用方法说明：obj为对像,attr为...阅读全文

    Taget：js css 属性 

  • 1214网页前端设计师们编写css的利器Less入门教程阅读(7134)条2013/12/14 9:36:57

    如果你了解过Less，并对之很熟悉，就不用往下看了。如果你没用过，恭喜，这是一个入门级的教程，学会了它，可以为你节省10%的绳命。首先，我们得知道Less能干什么。如：@width:300px;@fonts:12px bold "宋体,Verdana";.block-header{ color:#5c5c5c; .elem-title{ font:@fonts; width:@width; } .elem-content{ width:@width; height:300px; }}.block-footer{ font:@fonts; width...阅读全文

    Taget：css less 编辑 

  • 1212css3制作163邮箱tab特效阅读(6497)条2013/12/12 15:11:17

    今天看到163邮箱的导航菜单tab效果不错就用CSS3来做了一下类似的效果。当作css+div学习了效果如下图:完整源代码如下：<!DOCTYPE html><html><head> <meta http-equiv="Content-Type" content="text/html; charset=GB2312" /> <title>163邮箱tab</title> <style type="text/css"> *{ margin: 0px; padding: 0px; } .dvTab { ...阅读全文

    Taget：css3 tab 特效 

当前第  3  页 / 共  9  页  总共108条记录  

12345678

友情链接更多>>

九江讯城建设工程有限公司

copyright ©2008-ok22.org - ALL RIGHTS RESERUED -TEMPLATE CREATED BY CHARRY-may 3,2010 粤ICP备13053249号-1