2015 年 4月随笔档案 - August-8

设计网页，常见的宽度是多少像素？或者说应该选择多大的分辨率才更美观，更能提高网站的用户驻足时间！

摘要：960px 基本上是目前比较主流的页面宽度（包括知乎）——它可以让1024x768分辨率在最大化浏览器窗口的时候尽可能地使用宽度而不出现横向滚动条。而且在桌面分辨率逐步从1024x768过渡至更高分辨率的时候 iPad2 的正好接了上来——虽然不能获得最佳交互体验但是 960px 页面刚刚好可以获得... 阅读全文

posted @ 2015-04-24 10:01 August-8 阅读(655) 评论(0) 推荐(0)

CSS中元素水平居中显示的方法

摘要：用CSS让元素居中显示并不是件很简单的事情。同样的CSS居中设置在不同浏览器中的表现也各有千秋。本文就介绍了在CSS中常见的几种让元素水平居中显示的方法。1.使用自动外边距实现居中CSS中首选的让元素水平居中的方法就是使用margin属性—将元素的margin-left和margin-right属性... 阅读全文

posted @ 2015-04-24 09:37 August-8 阅读(213) 评论(0) 推荐(0)

CSS hack技巧大全

摘要：——作者：吴雷君兼容范围：IE:6.0+，FireFox:2.0+，Opera 10.0+，Sarari 3.0+，Chrome参考资料：各游览器常用兼容标记一览表:标记IE6IE7IE8FFOperaSarari[*+>Hack应用情境（二）适用范围：IE:6.0,IE7.0,IE8.0,Fire... 阅读全文

posted @ 2015-04-23 10:26 August-8 阅读(213) 评论(0) 推荐(0)

主流浏览器兼容性问题---专属CSS hack

摘要：-----欢迎大家指正错误，深表感谢CSS hack：由于不同的浏览器，比如Internet Explorer 6,Internet Explorer 7,Mozilla Firefox等，对CSS的解析认识不一样，因此会导致生成的页面效果不一样，得不到我们所需要的页面效果。这个时候我们就需要针对... 阅读全文

posted @ 2015-04-23 09:52 August-8 阅读(182) 评论(0) 推荐(0)

兼容浏览器的getElementsByClassName方法

摘要：------希望大家指正错误，深表感谢 Document 阅读全文

posted @ 2015-04-23 09:48 August-8 阅读(258) 评论(0) 推荐(0)

用cssText批量修改样式踩的坑

摘要：-----欢迎指正错误，深表感谢一般情况下我们用js设置元素对象的样式会使用这样的形式：var element= document.getElementByIdx_x(“id”);element.style.width=”20px”;element.style.height=”20px”;eleme... 阅读全文

posted @ 2015-04-23 09:42 August-8 阅读(177) 评论(0) 推荐(0)

JavaScript 语言中的 this

摘要：由于其运行期绑定的特性，JavaScript 中的 this 含义要丰富得多，它可以是全局对象、当前对象或者任意对象，这完全取决于函数的调用方式。JavaScript 中函数的调用有以下几种方式：作为对象方法调用，作为函数调用，作为构造函数调用，和使用 apply 或 call 调用。下面我们将按照... 阅读全文

posted @ 2015-04-23 09:27 August-8 阅读(191) 评论(0) 推荐(0)

CSS伪类与CSS伪元素的区别及由来

摘要：刚接触伪类和伪元素时，学长推荐看这篇文章，当时读了好几遍都没读懂，还觉得这篇文章晦涩难懂，现在再读，觉得真是一篇好文章，现在分享给大家转自葵中剑@剑空的博客正文如下关于两者的区别，其实是很古老的问题。但是时至今日，由于各种网络误传以及一些不负责任的书籍误笔，仍然有相当多的人将伪类与伪元素混为一谈，... 阅读全文

posted @ 2015-04-17 10:38 August-8 阅读(175) 评论(0) 推荐(0)

jquery after append appendTo三个函数的区别

摘要：jq文档的说明是1、after函数定义和用法：after() 方法在被选元素后插入指定的内容。(在所选元素外部)语法：$(selector).after(content)实例：aaaaaaaaaaaaaaaafter函数结果如下：aaaaaaaaaaaaaaadddddspan标签后面多了一个a标签... 阅读全文

posted @ 2015-04-09 10:15 August-8 阅读(143) 评论(0) 推荐(0)

史上最全的CSS hack方式一览

摘要：现在刚开始前端，承蒙学长照顾，拓展这我对前端的认识，这是一篇学长推荐的转自CSDN freshlover的博客专栏《史上最全CSS Hack方式一览》，分享给大家。做前端多年，虽然不是经常需要hack，但是我们经常会遇到各浏览器表现不一致的情况。基于此，某些情况我们会极不情愿的使用这个不太友好的方式... 阅读全文

posted @ 2015-04-04 16:21 August-8 阅读(127) 评论(0) 推荐(0)

SVG的基础概念等知识，以及SVG与CANVAS的区别

摘要：本文主要介绍了SVG的基础概念等知识，以及SVG与CANVAS的区别，最后给出了一个简单示例，方便大家更好的了解SVG可缩放矢量图形。推荐给大家。 SVG可缩放矢量图形（Scalable Vector Graphics）是基于可扩展标记语言（XML），用于描述二维矢量图形的一种图形格式。SVG是W... 阅读全文

posted @ 2015-04-04 15:24 August-8 阅读(387) 评论(0) 推荐(0)

如何修改<p>标签中的行间距

摘要：代码如下显示如下那么如何解决这个问题呢？可以在p标签的css样式中加入 “line-height:30px;”,30px不是固定值，可是任意值，这样显示结果如下：阅读全文

posted @ 2015-04-04 00:08 August-8 阅读(12843) 评论(0) 推荐(1)