nianshi
- 浏览: 416378 次
- 性别:
- 来自: 济南
-
最新评论
-
nianshi：
slideDown就是show的滑动效果版本, slideUp ...
Jquery零碎代码收藏 -
nianshi：
以后编写JS代码，少写<div onclick=&quo ...
Jquery零碎代码收藏 -
nianshi：
获取匹配元素相对父元素的偏移var p = $("p ...
Jquery零碎代码收藏 -
nianshi：
获取匹配元素在当前窗口的相对偏移var p = $(" ...
Jquery零碎代码收藏 -
wuchu：
谢谢
Flex 读取XML配置文件总结
文章列表
首先这个属性：Vetical-Align只有当父元素是Th或Td时才会起作用，而对于Div或P是不支持Vetical-Align属性的。但是在Firefox和IE8+下是可以设置Div或P的Display为Table-Cell来激活Vetical-Align属性。但IE6和IE7是不支持Display：Table-Cell的。所在不能跨浏览器。但我们可以使用最原始的笨办法：就是把要垂直居中的元素直接放在Table和Td里实现垂直居中，且Td标签已隐式设置了Vetical-Align属性值为Middle。
Css之关于块级元素水平居中
- 博客分类：
- 前端开发
第一种方法：块级元素如Div可以使用Margin-Left：Auto和Margin-Right:Auto来实现，但前提是这个块级元素必须是设置了固定宽度的。对于不能确定宽度的块级元素就不能这们做了，但是我们可以用Table这个标签来实现。它的宽度由内部的元素决定（撑开），即使不给它设定固定宽度，对它设置了Margin-Left：Auto和Margin-Right:Auto也能实现水平居中，因此我们可以把想水平居中但又不确定宽度的块级元素放在Table中实现。
第二种方法：就是把块级元素的Display设为Inline即改为行内元素，这样通过设置父元素的Text-Align:Center。 ...
Display:Inline-Block样式属性应到块级元素上，可以让它与其上的行内元素在一行里显示，且块级元素不会充满父容器。
Display:Inline-Block样式属性应到行内元素上，它虽仍然是显示在一行里，但是却可以给它设置Width、Vetical-Align等性，且Vetical-Align属性的值可以是正负数也可以是Top、Middle这样的值。
前端开之响应式设计方案
- 博客分类：
- 前端开发
“响应化”本身不是目的，我们真正需要的是一种机制，它 能够帮助网站根据不同的设备平台对内容、媒体文件和布局结构进行相应的调整与优化，从而使网站在各种环境下都能为用户提供一种最优且相对统一的体验模式。
响
应式方案离不开全局化的用户体验设计。正像我们在前文当中提到的，这类方案固然可以在一定程度上帮助我们面向不同的环境调整设计方案，但不是所有的UI元
素或模块都可以被赋予弹性，我们仍然需要在很多地方通过“好脾气”的设计思路权衡出一种最优的全局化解决之道。在这方面，波士顿环球报(Boston Globe’s)的网站
就是一个不错的例子。
各位可以试着使用不同类型的 ...
Css之HasLayout问题
- 博客分类：
- 前端开发
在IE下的一些Bug如Border断开，这时候我们需要手动触发HasLayout来解决。
会带来副作用。
人们阅读网站的模式：Z字型
- 博客分类：
- 前端开发
阅读模式
人们趋与按照“Z”字形浏览一个网站的模 式，从顶部开始往左，最后到达屏幕右下角。作为一个设计师，你应该努力地在此阅读模式下拿捏好那些最重要的内容放哪里最好。大多数网站都把Logo放到左 上角，道理就在于此。
示例：
在命名上可以使用骆驼命名法或划线命名法或两者的结合（要看具体的需要而定）。如下例：
新的Css代码：
timeList里的lastItem。
CSS设计模块化思想
- 博客分类：
- 前端开发
Css模块化演变图：
4-2
如果分为四个模块：
4-3
如果分成六个模块：
如果分成八个模块：
@charset "utf-8";
/*CSS reset*/
html{color:#000;background:#FFF;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td
{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
addr ...