您的位置:编程知识库>Css Html

Css Html

  • 2017-10-30W3C是什么意思 W3C标准简介

    什么是W3C      W3C是英文 World Wide Web Consortium 的缩写,中文意思是W3C理事会或万维网联盟。W3C组织是对网络标准制定的一个非赢利组织,像HTML、XHTML、CSS、XML的标准就是由W3C来定制。       W3...

  • 2017-10-30css font 属性的快捷写法

    font:italic small-caps bold 12px/1.5em arial,verdana; 等效于: font-style:italic; font-variant:small-caps; font-weight:bold; font-size:12px; line-height:1.5em; font-family:arial,verdana; 顺序:font-style | font-variant | font-weig...

  • 2017-10-30如何使用html5与css3完成google涂鸦动画

    今天我们将介绍,如何使用css3完成google涂鸦动画。当你点击demo页面的【开始】按钮之后,页面中的骑手和马匹将会运动起来,http://demo.jb51.net/js/2012/googlecss3/ 这里需要强调的一点是,ie不支持css3的动画属性,再次抱怨下万恶的ie。但是我们不能以此...

  • 2017-10-30DIV 边距属性在Chrome和IE中的区别深入理解

    突然间,在Chrome下看起来很整齐的布局,在IE下变成一团糟。为了找出原因,我改动了div的background-color属性。最后,发现同一个DIV的宽度在IE和Chrome下却不一样。这大晚上的,真是怪吓人滴! 之后,做了个测试。当: 复制代码代码如下: div1 { width:960px; m...

  • 2017-10-30修复iPhone的safari浏览器上submit按钮圆角bug

    自从完成上次iPhone的几个页面效果后,一直在没有制作iPhone的页面效果了,今天在公司写了一个登录页面效果,让我碰到一个怪异的问题——“表单中的input[type="submit"]和input[type="reset"]按钮在iPhone的safari浏览器下圆角有一个bug”。下面我来简...

  • 2017-10-30display:inline-block的原理分析

    在使用 CSS 实现表现的时候,会经常接触到 display:inline-block 这一属性,无论是初接触 Web 标准还是接触标准已久的朋友,大都会对这一属性感觉很迷惑和模糊。 复制代码代码如下: display:inline-block 将对象呈递为内联对象,但是对象的内容作为块对象呈递。旁边的...

  • 2017-10-30分享30个新鲜的CSS3打造的精美绚丽效果(附演示下载)

    CSS 是我们使用的功能强大和最常用 web 语言。他可以兼容新旧不同的浏览器,打造出很多不同的特效,它已经成为Web开发最流行的语言之一,使用css3 打造出来的效果总是那么的绚丽,有一些特殊的属性以前使用需要javascript实现的特效,今天使用css3就可以完成,因此他大大简...

  • 2017-10-30怎样对齐文本框和图像(image)按钮实现三点一线

    一个文本框旁边一个按钮是很经常用到的网页内容,比如搜索框等等,而如果旁边的按钮使用图像的话,他们竖直方向就很不容易对齐,即使使用 vertical-align、padding和margin等都不行(特别是在IE中,Firefox中使用vertical-align还可以)。 例如有如下代码: 复制代码代码如下...

  • 2017-10-30html5 Canvas画图教程(3)―canvas出现1像素线条模糊不清的原因

    接上一篇canvas画线条教程 上次我们讲到,canvas有时候会出现1像素的线条模糊不清且好像更宽的情况,如下图:   这样的线条显然不是我们想要的。 这篇文章的目的就是弄清楚里面的原理,以及解决它。 大家都知道屏幕上最小的显示尺寸就是1像素,虽然小于...

  • 2017-10-30Html5游戏开发之乒乓Ping Pong游戏示例(二)

    Headerandfooter Html5引进了许多新的特性和改进,其中一项就是语义。Html5增加了新的元素来加强语义。我们现在只使用2个,header和footer。<header>标签定义文档的页眉(介绍信息),<footer>标签定义section或document的页脚。在典型情况下,该元...

  • 2017-10-30在可编辑div中插入文字或图片解决思路与实现步骤

    最近在网上碰到一个人问了我一个问题,在可编辑div中插入文字或者图片。因为web在线编辑器我从来只是用,基本不会去研究源代码。后来正好一个在线聊天web项目中也要用到这个功能,我就特地看看了代码。 基本上编辑器或者在线聊天web页面,是不太可能用textar...

  • 2017-10-30浏览器对于含小数值px(像素)解析的差异及小数值如何解决兼容性问题

    写在前面的唠叨 说到解决兼容性问题,不得不提一下css hack,曾几何时我以会使用几个hack沾沾自喜,后来发现自己真是个vip级别的蠢蛋,会用几个hack只是中级阶段,真正厉害的人要以没有hack同样可以实现复杂页面的兼容性,这才叫厉害。所以后来,苦心研究如何无...

  • 2017-10-30使用css如何制作时间ICON方法实践

    最近我在重新设计自己的博客站点,决定用一个日历样式的icon显示时间。以前的解决方案一般是用背景图片,感谢css3,现在我们用css3就能实现这样的功能。我将会用到一些linear-gradients, border radius 和 box shadow这些属性来代替以前的 photoshop设计。 ...

  • 2017-10-30HTML5之SVG 2D入门13―svg对决canvas及长处和适用场景分析

    到目前为止,SVG与Canvas的主要特性均已经总结完毕了。它们都是HTML5中支持的2D图形展示技术,而且均支持向量图形。现在,我们就来比对一下这两种技术,分析一下它们的长处和适用场景。首先分析一下两种技术的显著特点,看下面的表格:  Canvas SVG 基于像素(动...

  • 2017-10-30突袭HTML5之Javascript API扩展4―拖拽(Drag/Drop)概述

    拖拽(Drag/Drop)是个非常普遍的功能。你可以抓住一个对象,并且拖动到你想放置的区域。很多javascript都类似实现了相关的功能,例如,jQueryUI的draganddrop组件。在HTML5中,拖拽(draganddrop)成为了标准操作,任何元素都支持。正因为这个功能太普遍了,所有的...

  • 2017-10-30IE6中有一个BUG叫border边框断线现象(border边框部分消失)

    IE6中有一个BUG叫border边框断线现象,即在IE6中滚动滚动条时有些border边框莫名其妙的有部分不显示(边框显示不完整)。 有时候发现自己写的页面在IE6中测试时发现,有些边框部分不可见(目前我遇到过某个div的边框左右两边的中间有一部分边框消失、某个DIV的...

  • 2017-10-30了解html页面的渲染过程以备学习前端的性能优化(续)

    昨天晚上写了一篇关于浏览器的渲染过程的随笔,但只是通过一小段代码解释了一下,并没有通过浏览器测试,说服力不够,而且还有很多不完善的地方,今天在浏览器中测试了一下,并把测试的结果分享给大家,测试过程可能有点乱,希望大家理解。 测试浏览器:Chrome v24.0.1312.52 ...

  • 2017-10-30display:none和visibility:hidden的差别比较与演示代码

    前言: 在使用css隐藏栏位或物件的时候, 常常会使用到display:none和visibility:hidden这两个属性, 但却很容易分不清楚这两个的差别, 或是乾脆同时使用两种属性,来确保物件一定被隐藏, 其实我们可以很简单的来区分两者的差别。 AD: 你知道CSS display:none和visibilit...

  • 2017-10-30html text的常用事件和方法详细描述

    事件描述 onactivate:当对象设置为活动元素时触发。 onafterupdate:当成功更新数据源对象中的关联对象后在数据绑定对象上触发。 onbeforeactivate:对象要被设置为当前元素前立即触发。 onbeforecut:当选中区从文档中删除之前在源对象触发。 onbeforedeact...

  • 2017-10-30网站CSS选择器性能讨论

    CSS选择符由一些初始化参数组成,这些参数指明了要应用这个CSS规则的页面元素。作为一个网站的前端开发工程师,应该避免编写一些常见的开销很大的CSS选择符模式,尽量编写高效的CSS选择符,从而加快页面的渲染速度,缩短页面呈现时间。 我们先来看一下safari和webkit的架...