`
caibinghong
  • 浏览: 148840 次
  • 性别: Icon_minigender_1
  • 来自: 福建
社区版块
存档分类
最新评论
文章列表
http://classjs.com/category/technology/css/   环境:IOS的Safari环境 问题:在做移动端左右滑动的时候,用到了CSS3的Transition属性来进行动画变换,结果每次渲染Transition属性时,出现闪屏现象。 解决办法:在网上查了一下,有一下两种解决办法, 方法一:
上一章节我们讲到,webos 桌面的 html代码是从后台直接打印出来,那么完整打印好那些html元素,接下来我们要用js 去初始化一些东西。   91uu浮云【javascript实现】   在这边我大概讲解我们要去实现的功能:   初始化界面【 ...
上一节说到这个简单类似网络收藏夹的webos,那么我们要怎么配合后台去实现?   91uu浮云【桌面webapp块的实现方案】     <article style="overflow-x: hidden; overflow-y: hidden; height: 345px; "> <section class="current" style="position: absolute; "></section> <section style="po ...
  上一篇 91uu浮云【简介】只是很简单的贴图出来跟站点出来给大家看。   这里我不说费话,进入正题。   91uu浮云【排版布局】 本实录针对有前端开发经验(即懂的html【div+css】+js),以及懂的使用 jquery框架的人,若没有基础的人请进入http://www.w3school.com.cn/ 进行学习!   先看一张图:   (图:view)   我在图里分别进行编号:  (1)navs 导航区 作用:用于处理用户切换 类似 tabpanel组件   (2)pagebar  分页区 作用:用于用户上下页跳转     (3)de ...
filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity: 0.5; opacity: 0.5;
浮动引起的行高丢失(float)   以下给出决解方案 .layout{ *zoom:1; } .layout:after{ content:'\20'; display:block; height:0; clear:both; }  
今天花了一天看了19lou云的代码,改了19lou的不足之处! 5.1后为大家讲解! 现在先贴上效果图让大家先看看先!   目前不支持ie7以下版本! 效果地址:webos.91uu.net     下一章:91uu浮云【排版布局】
JavaScript prototype 的深度探索 JavaScript 中对象的prototype 属性,可以返回对象类型原型的引用。这是一个相当 拗口的解释,要理解它,先要正确理解对象类型(Type)以及原型(prototype)的概念。 1、什么是prototype JavaScript 中对象的prototype 属性,可以返回对象类型原型的引用。这是一个相当 拗口的解释,要理解它,先要正确理解对象类型(Type)以及原型(prototype)的概念。 前面我们说,对象的类(Class)和对象实例(Instance)之间是一种“创建”关系, 因此我们把“类”看作是对 ...
元素的Margin重叠  了解一下重叠规则:   1.水平Margin不重叠 2.浮动元素上下不重叠 (float) 3. 飘动元素上下margin 不重叠 (position) 4.常规折行上下margin重叠   例:浮动元素上下不重叠 (float)/ 飘动元素上下margin 不重叠 (position) #wrapper{      width:500px; } #wrapper p{ width:100px;margin:50px;float:left;border:1px red solid; } 如果去掉float  就是另外两种情况     ...
IE6/IE7不支持display:inline-block ? 有时候我只是想给元素加行高,内补丁,宽度高度,那么正常的浏览器下面,我们都是常常用这个display属性:   display 详细说明:http://www.w3school.com.cn/css/pr_class_display.asp   那么了解了这个属性,我们要怎么处理 IE6/7下的bug呢?   方法就是如下:   css hack 样式破解法,在ie6/7 下特别处理     *display:inline; *zoom:1;   同理display:block;
IE6下的双边距Bug! 例: .db_margin{      float:left ;      margin-left:100px; }   !IE6情况     正常边距100px    IE6情况     变成了200px   why?what?为什么会这样,怎么搞定它? 测了各种浏览器,只有IE6内核下才会出现这个bug。 好了,看来它很调皮 那么我决解它:    给样式加一个 display:inline; 这样好像就可以了。    
作为系列课程的第三讲,函谷担任此课的讲师,风趣幽默的讲解、充足的课堂演示,带来非常不错的课堂体验,本次课程主要focus在浏览器渲染机制相关的知识点,包括常见的浏览器兼容性问题,浏览器渲染和性能优化之间的关系,布局的多样性和适用范围,前端调试工具和各种抓包利器,本次课程ppt参照了之前沉鱼同学的课件。 http://www.slideshare.net/lijing00333/ss-12511889
百度百科看来讲的很清楚:http://baike.baidu.com/view/2945869.htm   haslayout 是Windows Internet Explorer渲染引擎的一个内部组成部分。在InternetExplorer中,一个元素要么自己对自身的内容进行计算大小和组织,要么依赖于父元素来计算尺寸和组织内容。为了调节这两个不同的概念,渲染引擎采用了 hasLayout 的属性,属性值可以为true或false。当一个元素的 hasLayout属性值为true时,我们说这个元素有一个布局(layout)     要想更好的理解 css, 尤其是 IE 下对 ...
  作为系列课程的第三讲,函谷担任此课的讲师,风趣幽默的讲解、充足的课堂演示,带来非常不错的课堂体验,本次课程主要focus在浏览器渲染机制相关的知识点,包括常见的浏览器兼容性问题,浏览器渲染和性能优化之间的关系,布局的多样性和适用范围,前端调试工具和各种抓包利器,本次课程ppt参照了之前沉鱼同学的课件。 http://www.slideshare.net/lijing00333/ss-12511889
来看一个经典的三栏布局:从内容出发(渐进增强的核心思想),一份合理的HTML结构如下: <div id="page"> <div id="hd"></div> <div id="bd"> <div class="main"></div> <div class="sub"></div> <div class="extra&quo ...
Global site tag (gtag.js) - Google Analytics