toby

包含「css」标签的文章

共找到12个结果

  • css样式动态操作

    切换外联css(link.disable = true/false) var link = document.createElement('link'); link.setAttribute('rel','stylesheet'); link.setAttribute('href','test.css'); ...

  • css实现焦点裁切

    <p> 实现原理就是通过负边距的定位(负边距能使相对定位的盒子大小变大),内层img设定width:100%(相对于相对定位的盒子大小100%),外层wrap设定大小以及overflow。(红色区域喂外层wrap,也就是可视区域) </p> <p> <a href="http://www.otarim.com/wp-content/uploads/2013/06/mockup.png"><img alt="mockup" class="alignnone size-full wp-image-1492" height="478" src="http://www.otarim.com/wp-content/uploads/2013/06/mockup.png" width="511" /></a> </p> <p> code(css): </p> <pre> .wrap...</pre>

  • css双斜杠注释?

    <p> css中的双斜杠//“注释”会将从//开始的字符到下一个;或者}之间的样式过滤掉,双斜杠不是注释,事实上,在样式之前添加不可识别的字符(比如+ - % &)都能达到假注释的效果。 </p> <pre class="brush:css;gutter:false;toolbar:false;wrap-lines:false;"> .aa { +margin: 0; -margin:...</pre>

  • IE6请求并发:适用于css、js

    <p> 大部分现代浏览器都支持并发多个js或者css请求,如firefox、chrome,甚至IE8,唯独IE6不支持 </p> <p> 并发请求是指在同一时间请求多个文件,使得多个文件可以同时传输,减少传输等待的时间 </p> <p> 在IE6中可以使用document.write来达到请求并发的目的,一般用于以下情况: ...</p>

  • 高性能css

    <p><strong><span style="color: rgb(51, 51, 51); font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 22px; line-height: 24px; ">避免使用@import</span></strong></p> <p align="left" style="margin: 0px; padding: 7px 0px; clear: both; color: rgb(68, 68, 68); font-size: 14px; line-height: 1.8; font-family: tahoma, 宋体, 'Hiragino Sans GB W3'; ">有两种方式加载样式文件,一种是link元素,另一种是CSS 2.1加入@import。而在外部的CSS文件中使用@import会使得页面在加载时增加额外的延迟。虽然规则允许在样式中调用@import来导入其它的CSS,但浏览器不能并行下载样式,就会导致页面增添了额外的往返耗时。比如,第一个CSS文件first.css包含了以下内容:@import...</p>

  • js和css的顺序关系

    原文来源:<a href="http://hikejun.com/blog/2012/02/02/js%E5%92%8Ccss%E7%9A%84%E9%A1%BA%E5%BA%8F%E5%85%B3%E7%B3%BB/">js和css的顺序关系</a> 1. head里的顺序如下,考虑会对请求有何影响: a. 外部js在css前面 <div> <div> <pre><script src="1.js"></script> <link rel="stylesheet" type="text/css"...</pre></div></div>

  • less,一种不错的css编程方式

    很久以前就听说过less,直到最近才开始去了解他,试了一下真的很兴奋,想法非常好,为本来没有面向对象的css带入面向对象的思想,编写起来很爽。下面记录一下他的一些特性,官网<a href="http://www.lesscss.com">lesscss.net</a>有详细说明,看不懂e文的可以看看这个。 1.变量的值可以做变量名 <pre class="lang:default decode:true">@base : "hellow"; ...</pre>

  • css长度单位em,ex,pt

    这三个单位都是相对单位,em以及pt用的比较多。ex很少看到人家用,这里的em跟px的换算其实不一定是1em=16px,而是<span style="color: #3366ff;"><strong>各个浏览器</strong></span>的默认字体大小都是16px,所以才有1em=16px之说,em是相对于父元素的大小,如果父元素大小时14px,那么这里的1em就等于14px了。 ...

  • css隐藏文字的方法

    这里举两个比较常用的例子,一个就是正文标题的隐藏,一个是按钮的隐藏。 先看看正文标题的隐藏方法,也就是对于h,span,a这些元素里面的文本节点进行操作,方法就是通过设定一个很大的偏移值,设定文字不换行,然后通过overflow隐藏溢出(后两个的话貌似不加可是可以的),注意text-indent只能应用于块状元素。所以对于行内式需要转为块状元素才能隐藏。 ...

  • css浏览器兼容问题汇总#1

    1.div垂直居中: 设定vertical-align:middle;lin-height:div高度(前提文字不能换行); 2.解决ie6下margin加倍问题: ie6下对于float的第一个块状元素左边距会x2,设定display:inline; 3.解决ie6不支持min,max属性: ...

1 / 2 下一页