文章分类 - CSS
摘要：原文 张鑫旭 http://www.zhangxinxu.com/wordpress/2012/05/getcomputedstyle-js-getpropertyvalue-currentstyle/二、getComputedStyle是？getComputedStyle是一个可以获取当前元素所...
阅读全文
摘要：meta 中viewport，width设置的石布局viewport的宽度，scale设置的是窗口与其实际像素的缩放，对于iphone5 屏幕scale为1时是320px*568px，如果scale为2的话，则是160px*284px。窗口viewport和布局viewport对于iphone5 屏...
阅读全文
摘要：概述：-webkit-line-clamp 是一个 不规范的属性（unsupported WebKit property），它没有出现在 CSS 规范草案中。限制在一个块元素显示的文本的行数。 为了实现该效果，它需要组合其他外来的WebKit属性。常见结合属性：display: -webkit-bo...
阅读全文
摘要：::-webkit-scrollbar {/*隐藏滚轮*/ display: none; }CSS3自定义滚动条样式 -webkit-scrollbar前言webkit支持拥有overflow属性的区域，列表框，下拉菜单，textarea的滚动条自定义样式，所以用...
阅读全文
摘要：现在很多for Mobile的HTML5网页内都有快速滚动和回弹的效果，看上去和原生app的效率都有得一拼。要实现这个效果很简单，只需要加一行css代码即可：[css]view plaincopy-webkit-overflow-scrolling:touch;可用以下网页测试：[html]view...
阅读全文
摘要：浅析CSS——元素重叠及position定位的z-index顺序多次在项目中遇到html页面元素的非期待重叠错误，多数还是position定位情况下z-index的问题。其实每次解决类似问题思路大致都是一样的，说到底还是对z-index的理解比较模糊，可以解决问题却不大了解其原因，导致重复出错......
阅读全文
摘要：详说 Block Formatting Contexts (块级格式化上下文)在上文《详说清除浮动》中，Kayo 较为详细地介绍了 BFC ，也就是本文的主角 Block Formatting Contexts (块级格式化上下文)，本文会基于上文关于 BFC 的部分进行拓展，进一步说明 BFC 的...
阅读全文
摘要：对CSS中的Position、Float属性的一些深入探讨对于Position、Float我们在平时使用上可以说是使用频率非常高的两个CSS属性，对于这两个属性的使用上面可能大多数人存在一些模糊与不清晰的地方。本文主要对这两个属性使用上的一个介绍以及两个属性交叉使用上的一些探讨。本文主要探讨点：Po...
阅读全文
摘要：随着高端手机(Andriod,Iphone,Ipod,WinPhone等)的盛行，移动互联应用开发也越来越受到人们的重视，用html5开发移动应用是最好的选择。然而，每一款手机有不同的分辨率，不同屏幕大小，如何使我们开发出来的应用或页面大小能适合各种高端手机使用呢？学习html5 viewport的...
阅读全文
摘要：HTML 是全世界最流行的网页编程语言。而HTML5是这门语言的升级版本。越来越多的开发者和设计师开始使用HTML5.今天我们要介绍的是最好的几个 HTML5/CSS3 的演示工具和框架，你可以用它们来创建你的网页PPT。1. html5 Slides这是 Google 提供的 HTML5 幻灯片模...
阅读全文
摘要：一：右侧固定宽度左侧自适应 第一种方法：左侧用margin-right，右侧float：right就可以实现。HTML代码可以如下写: 我是龙恩 我是龙恩 CSS代码可以如下写： .box-left{height:300px;margin-right:300px;background:#...
阅读全文
摘要：我发现应聘web前端工程师的时候，有时候面试官会问到行元素和块元素的区别，今天小总结一下，共勉之！ 以图例来表述行内元素和块级元素的区别会直观些：行内元素em标签可见行标签与块标签的区别：行标签：内容撑开宽度，不可以控制宽和高，它的宽和高随标签里的内容而改变块标签：撑满行(默认) ，可以用样...
阅读全文
摘要：关于ie的3像素bug 以前写前端代码时，ie下总是会出现各种莫名其妙的问题，如一行两列布局在其他浏览器下正常，但是在ie下确发现两列出现了上下错位。今天将ie下的3像素问题做个总结，后续遇到问题再更新。 1、bug描述 ie下两个相邻的div之间会出现3个像素的bug，这个bug是在当对其中...
阅读全文
摘要：在昨天和做SEO的同学聊了一会儿，当然我没有学会搜索引擎优化的技巧和知识，但在此之前一直对HTML5中header、footer、sidebar、article等标签嗤之以鼻，觉得这个和div没有什么区别，顶多添加个style的事儿，当然自己在写页面的时候也从来没用过h1~h6这几个标签，相信还有很...
阅读全文
摘要：昨天我在马海祥博客上跟大家详细的介绍过《什么是响应式网页设计？》，我觉的响应式网页设计不仅仅是一种趋势，还更是一个新的设计解决方案！它有助于解决不同的分辨率和设备（台式电脑，笔记本电脑，平板，手机）相关的设计问题。既然是设计的问题，这里就会涉及到很多层面的角色，包括交互设计师，视觉设计师，前端工程师...
阅读全文
摘要：body, div, dl, dt, dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote，th,td{margin:0;padding:0;}table{border-collapse:collaps...
阅读全文
摘要：首页 网站推荐 综合日用 服装配饰 母婴药房 ...
阅读全文
摘要：在函数内部声明的变量，如果用var声明则在函数内部有效，如果声明的变量不带var，则默认是全局变量。单列星星显示js星级评分点击星级评论打分效果 js星级评论打分 1 2 3 ...
阅读全文
摘要：<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.o
阅读全文
摘要：网站需要特殊的字体，可以通过CSS3的新属性@font-face引入字体。一、首先我们一起来看看@font-face的语法规则：@font-face { font-family: ; src: [][, []]*; [font-weight: ]; [font-style: ]; } 取...
阅读全文
