首页|建站|设计|QQ|百科|范文|电商|学习
  • 2016-06-24自适应网页设计的概念和方法
  • Google进行了一次在线讲座,讲述自适应网页设计的概念和方法,维护同一个网页代码,即可使网站在多种浏览设备(从桌面电脑显示器到智能手机或其他移动产品设备)上具有更好的阅读体验,将该讲座内容简要的整理如下: 1、在HTML头部增加viewport标签。 在网站HT...

  • 2015-06-30使用CSS代码的空格实现中文对齐的方法
  • 使用一些空格实现个数不等的中文对齐或等宽。见下表: 其中的ensp;和emsp;,由于具有某一超赞的特性,使其可以登上web届的舞台!什么特性呢?如上表加粗展示,1. 透明; 2. 宽度正好跟中文正好是1:2和1:1的关系,于是,一些中文排版对齐什么的,直接就可以使...

  • 2015-06-30CSS实现定位元素居中的方法
  • 绝对定位元素的居中实现 如果要问如何CSS实现绝对定位元素的居中效果,很多人心里已经有答案了。 兼容性不错的主流用法是: CSS Code复制内容到剪贴板 .element { width: 600px; height: 400px; position: absolute; left: 50%; top: 50%; margin-top: -200p...

  • 2015-06-30利用CSS3实现文本框的清除按钮相关的一些效果
  • 新技能传授-哔哔哔哔 search类型搜索框,设计师常常会设计一个叉叉图标,表示用户点之久可以清除输入的内容。比方说这个: 这是不错的体验! 当前现代浏览器中,Chrome浏览器下type=search的输入框会有清除按钮的动态呈现,不过搜索input框尺寸不太好控制 (pa...

  • 2015-06-30在浏览器加载CSS 时防止影响页面渲染的方法
  • 本文展示了一种技术,它能通过异步下载样式表,以阻止它们的下载阻塞页面的渲染,从而尽可能快的让访问者获取到信息内容。 警告! 我发这篇帖子全是好意,但是它并不负责让读它的人意识到下面将会遇到的问题. 社区很快地给了我许多的反馈 (有些反馈我很感激)...

  • 2015-06-30使用CSS3制作饼状旋转载入效果的实例
  • 今天,要实现一个长任务等待提示效果。 然后设计师就把做好的gif效果图给我,就是下面这个: 按照大众做法,我应该是把图片直接按图索骥,调调布局,然后早早回家抱老婆。 但是,我这个人,天生不安分守己。想到是用在客户端,客户端又是用的webkit内核,于...

  • 2015-06-30详解CSS中clear:left/right的用法
  • 一、理解clear: left/clear: right 当想到clear: left的时候,自然会认为是清除左浮动,clear: right是清除右浮动。 其实现在想想,这样的理解与表示是不严谨的欠考虑的。 一般,现在中文圈流传的表述是: clear语法: clear : none | left | right | both...

  • 2015-06-3010个必备的CSS技巧总结
  • CSS是网页设计师的基础,对CSS的了解能使他们能够设计出更加美观别致的网页。使用CSS技巧来巧妙地处理CSS是非常令设计师着迷的事情。在CSS的深海世界里有很多有意思的东西,你只需要找到最适合你的就好。当然我们不可能一下子就记住所有CSS的规则和语法,但...

  • 2015-06-03三个很特别的CSS小技巧分享
  • 各种浏览器之间的竞争的白热化意味着越来越多的人现在开始使用那些支持最新、最先进的W3C Web标准的设备,以一种更具交互性的方式来访问互联网。这意味着我们终于能够利用更强大更灵活的CSS来创造更简洁,更好维护的浏览器前端代码。现在让我们来看一看一些...

  • 2015-06-03CSS中使用expression表达式
  • 逛到发现这个效果,个人感觉非常赞 下面是CSS样式 input { border:1px solid #B3D6EF; background:#ffffff; } input { star : expression( onmouseover=function(){this.style.backgroundColor=#D5E9F6}, onmouseout=function(){this.style.backgroundColor=...

  • 2015-06-03使用CSS3实现圆角,阴影,透明
  • CSS实现圆角,阴影,透明的方法很多,传统的方法都比较复杂,用CSS3就方便很多了,虽然现在各浏览器对CSS3的支持还不是很好,但不久的将来CSS3就会普及. 1.圆角 CSS3实现圆角有两种方法. 第一种是背景图像,传统的CSS每个元素只能有一个背景图像,但是CSS3可以允许一...

  • 2015-06-03CSS3 实现侧边栏展开收起动画
  • 规则用于创建动画。 @keyframes 中规定某项 CSS 样式,就能创建由当前样式逐渐改为新样式的动画效果 @keyframes 中创建动画时,请把它捆绑到某个选择器,否则不会产生动画效果。 通过规定至少以下两项 CSS3 动画属性,即可将动画绑定到选择器: 规定动画的名...

  • 2015-06-03css24个canvas基础知识小结
  • 现把canvas的知识点总结如下,以便随时查阅。 1、填充矩形 fillRect(x,y,width,height); 2、绘制矩形边框 strokeRect(x,y,width,height); 3、擦除矩形 clearRect(x,y,width,height); 4、填充样式 fillStyle=red; 样式可以为颜色、渐变和图像。 5、描边样式 s...

  • 2015-06-03浅谈CSS编程的OOCSS和SMACSS设计模式
  • 真心觉得写出 CSS 并不难,但是要写出可被维护的 CSS 比其他程式语言都还难。所幸已经有许多大师级的人物,提出许多设计模式和思维,借由站在巨人的肩膀上可以让事情事半功倍。这篇文章就来说说 OOCSS、SMACSS 和撰写 CSS 时应该注意的规范。 (本文的例子用...

  • 2015-04-04一种比CSS-Sprite更加方便在网页中嵌入大量图标的方法
  • 这种思路是在一个国外的网站上发现的,设计者在网站中使用了很多小图标,但是并没有使用CSS-Sprite技术,而是使用了另外一种特殊的办法。那就是css3的font-face技术载入了一个自己做的字体文件,在需要显示的地方直接打上调用的字符。 这种办法只适用于大量...

  • 2015-04-04CSS常用中文字体大全
  • Windows自带: 新细明体:PMingLiU 细明体:MingLiU 标楷体:DFKai-SB 黑体:SimHei 宋体:SimSun 新宋体:NSimSun 仿宋:FangSong 楷体:KaiTi 仿宋_GB2312:FangSong_GB2312 楷体_GB2312:KaiTi_GB2312 微软正黑体:Microsoft JhengHei 微软雅黑体:Micros...

  • 2015-04-04css语法大全
  • 1. 基本语法 CSS的定义是由三个部分构成:选择符(selector),属性(properties)和属性的取值(value)。 基本格式如下: selector {property: value} (选择符 {属性:值}) 选择符是可以是多种形式,一般是你要定义样式的HTML标记,例如BODY、P、TABLE,...

  • 2015-04-04CSS兼容性问题 && CSS HACK
  • 以前做网页的时候,只考虑 IE6 和 FF 的兼容性,公司换了,要求也高了,FF和IE 6 7 8 要全兼容了, 碰到要单独Hack IE8的。当然,用注释非常方便,只要添加相应的注释就可以解决。但问题是,为了一句CSS写多一个文件,或者在header上添加注释,那显然不是懒...

首页 1 2 3 下一页 末页 349