浏览器缩小后页面变形

发表于2015-07-17 15:20:32|--次阅读

在我们DIV 外层布局的时候，样式里面有时候会使用width:100%;.headDiv{width：100%；}当我们缩小浏览器的时候便会发生布局变形；这时候我们改成.headDiv{width:100%;min-width:1360px; /*给最小的固定值，*/}当我们浏览器大于1360px ...

Web前端知识技能大汇总

发表于2015-07-17 15:20:23|--次阅读

项目起源还记得@jayli 的这幅前端知识结构图么。图片的形式具有诸多的不便。缺失源图的我们，无法为此图贡献些什么，随着时间的迁移，或许有些技术点会发生改变，所以有了这个GitHub项目。我们可以通过协作的方式来共同维护这个项目。Git的历史记录也可以见证前端行业的一些变迁。可视化效果　...

在你设计中可能用到的20个杂志 PSD 原型

发表于2015-07-17 15:19:57|--次阅读

你是否正在为您的印刷产品找一些现成的原型素材？在这里，我们收集了一组免费的杂志 PSD 素材，必将派上用场。这些原型将给你和你的客户一个先睹为快的产品，在现实生活中看起来如何。所有这些原型提供了可以免费下载的 PSD 文件。

toolTip(用svg制作出富有动态的对话框)

发表于2015-07-17 15:19:46|--次阅读

昨晚看了用svg如何制作富有动态的tooltip，于是今天就心血来潮学着做一下，于是也成功做出来，也明白其中的原理，收获颇多阿！接下来要多去学习svg，这是个好东西。这其中也注意了一些平时纠结的细节应该怎么去做，比如： ...

CSS3 - 初识CSS3

发表于2015-07-17 15:19:28|--次阅读

1,什么是CSS3CSS3是CSS2的升级版，3只是版本号，它在CSS2.1的基础上增加了很多强大的新功能。目前主流浏览器chrome、safari、firefox、opera,甚至360都已经支持CSS3的大部分功能了，IE10以后也开始全面支持CSS3了。在编写CSS3样式时，不同浏览器可能需要...

color属性是否具有继承性

发表于2015-07-17 15:19:17|--次阅读

color属性是否具有继承性:这个问题应该比较简单，但是还是注意一下，否则可能造成颜色的混乱。先看一段代码实例:蚂蚁部落蚂蚁部落以上代码虽然是给div元素设置了字体颜色，但是仍然能够作用于span子元素内的文本，所以color属性具有继承性。原文地址是:http://www.51texiao.c....

如何将导航栏始终固定在窗口顶部

发表于2015-07-17 15:19:00|--次阅读

如何将导航栏始终固定在窗口顶部:在很多的网站导航栏或者类似于导航栏的一些功能一直能够固定在网页的顶部，就算是下拉滚动条也不会被窗口所遮挡，这样的功能往往非常的使用，下面就简单介绍一下如何实现此种功能。先看一段代码实例: 蚂蚁部落前台专区后台专区交流专区大家拖...

为什么设置的vertical-align垂直居中不起作用

发表于2015-07-17 15:18:48|--次阅读

为什么设置的vertical-align垂直居中不起作用:vertical-align属性可能使用并不是太频繁，但是有时候可能会使用vertical-align:middle设置对象内部的元素垂直居中对齐，但是有时候会发现此设置并非都会产生效果。代码实例如下:蚂蚁部落从以上代码的表现...

如何实现div水平和垂直居中效果

发表于2015-07-17 15:18:32|--次阅读

如何实现div水平垂直和居中效果:有时候可能我们需要让一个div在它的父容器中居中显示。先看代码实例再进行分析。代码实例:蚂蚁部落上面代码中，使用了position属性实现对象的垂直居中效果。在对子对象使用top:50%和left:50%之后，并没有实现对象的居中，而是实现了对象左上角那一点的垂....

iPhone 6/plus iOS Safari fieldset border 边框消失

发表于2015-07-17 15:18:13|--次阅读

问题：iPhone6 plus 手机浏览网页，fieldset border 边框消失。示例代码：```html 引用这里是引用内容。。。这里是评论内容。。。```上面代码的大致效果为：这是没有什么问题的，用手机浏览测试，其他手机都没问题，但 iPhone6 ...

神奇的CSS3选择器

发表于2015-07-17 15:18:03|--次阅读

话说园子里也混迹多年了，但是基本没写过blog，写点基础的，那就从css3选择器开始吧。　Css3选择器先说下，为什么提倡使用选择器。使用选择器可以将样式与元素直接绑定起来，在样式表中什么样式与什么元素匹配一目了然，修改起来也很方便。减少样式表的代码量。属性选择器 1.[att*=va...

总结CSS3新特性(媒体查询篇)

发表于2015-07-17 15:17:54|--次阅读

CSS3的媒体查询是对CSS2媒体类型的扩展,完善;CSS2的媒体类型仅仅定义了一些设备的关键字,CSS3的媒体查询进一步扩展了如width,height,color等具有取值范围的属性;media query 与 media type 的区别在于: media query是一个值或一个范围的值,而...

css初始化

发表于2015-07-17 15:17:39|--次阅读

1.简单粗暴：*{margin:0;padding:0}不建议2.淘宝方式：body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, legend, button, in...

link与@import区别

发表于2015-07-17 15:17:28|--次阅读

1. link属于XHTML标签，@import是css提供的。2.link在页面加载时加载，@import引用的css等到页面被加载完加载。3.@import只在IE5以上可用，link无兼容问题。4.link方式的样式的权重高于@import。

html css中id和class的区别比较

发表于2015-07-17 15:17:19|--次阅读

在定义样式的时候，有时候会将id和class的用法弄混淆，所以在这里特意说明一下：id和class属性是网页中两个通用的属性，它们协同工作使整个页面变得丰富多彩。当我们为一个元素定义样式时。可以使用id，也可以使用class。1、在css样式表中书写时，id选择符前面应该加前缀符号‘#’，而clas...

Gradify - 提取图片颜色，创建响应式的 CSS渐变

发表于2015-07-17 15:17:07|--次阅读

被请求的HTTP对象之间的延迟会有一个时间段，这个期间网页看起来不完整。Gradify 可以分析出图像中4个最常见的颜色，创建一个梯度(或纯色)作为图片占位符。Gradify 可以在在任何图像发现最突出的颜色并产生一个可伸缩的、响应式的 CSS 渐变。

7月15日学习之BOM

发表于2015-07-17 15:16:37|--次阅读

setTimeout() //延时器，只执行一次代码clearTimeout() //清除演示器setIntervla() //定时器，根据指定时间间隔执行一次代码clearInterval() //清除定时器window.history.length //访问的历史页面的数目window...

CSS3 伸缩布局盒模型记

发表于2015-07-17 15:16:05|--次阅读

#CSS3 伸缩布局盒模型 CSS3引入的布局模式Flexbox布局，主要思想是让容器有能力让其子项目能够改变其宽度，高度，以最佳方式填充可用空间。Flex容器使用Flex项目可以自动放大与收缩，用来填补可用的空闲空间。更重要的是，Flexbox布局方向不可预知，不像常规的布局(块级从上到...

css水平居中总结

发表于2015-07-17 15:15:48|--次阅读

前言看了好多篇帖子，发现没有一个能够直接让新手很快上手使用水平居中布局的，所以在此进行一番总结，也算是我对水平居中布局的一点点积累沉淀，同时也方便初学者们拿来即用。一、元素分类1.行内元素行内元素，也就是内联元素，可以在一行内显示多个。注：元素的高度、宽度、顶部底部边距均不可设置，元素的高度和宽....

css3制作时钟

发表于2015-07-17 15:15:33|--次阅读

制作时钟之前需要了解几点知识：一、圆上点坐标的计算二、时钟上时针、分针、秒针的换算我们观察一下时钟，首先想到的是与角度有关。再有是，秒针，分针，时针之间的进位关系。比如说h时m分s秒，时针、分针、秒针此时此刻的角度：（-90，是因为rotateZ角度旋转规则，默认是从水平开始，逆时针为+，顺时针....