前端设计

css3:模块化发展,现在需要,以后也会往这个方向走

css3:模块化发展,现在需要,以后也会往这个方向走

CSS即层叠样式表(Cascading StyleSheet)。 在网页制作时采用层叠样式表技术,可以有效地对页面的布局、字体、颜色、背景和其它效果实现更加精确的控制。CSS3是CSS技术的升级版本,CSS3语言开发是朝着模块化发展的。以前的规范作为一个模块实在是太庞大而且比较复杂,所以,把它分解为一些小的模块,更多新的模块也被加入进来。这些模块包括: 盒子模型、列表模块、超链接方式 、语言模块 ……

阅读全文>>
前端设计

Flex 布局语法教程

Flex 布局语法教程

网页布局(layout)是CSS的一个重点应用。布局的传统解决方案,基于盒状模型,依赖 display属性 + position属性 + float属性。它对于那些特殊布局非常不方便,比如,垂直居中就不容易实现。2009年,W3C提出了一种新的方案—-Flex布局,可以简便、完整、响应式地实现各种页面布局。目前,它已经得到了所有浏览器的支持,这意味着,现在就能很安全地使用这项功能。Flex布局将成……

阅读全文>>
前端设计

CSS实现单行、多行文本溢出显示省略号(…)

如果实现单行文本的溢出显示省略号同学们应该都知道用text-overflow:ellipsis属性来,当然还需要加宽度width属来兼容部分浏览。实现方法:overflow: hidden;text-overflow:ellipsis;white-space: nowrap;效果如图:但是这个属性只支持单行文本的溢出显示省略号,如果我们要实现多行文本溢出显示省略号呢。接下来重点说一说多行文本溢出显……

阅读全文>>
搜索引擎

独家揭秘影响SEO排名的17项核心因素

独家揭秘影响SEO排名的17项核心因素

大道至简知易行难是SEO行业中容易遇到的一个砍,很多事情看似简单,但是真正下手操作的时候变得思路模糊、操作不当等,很大一部分原因是由于对于SEO核心本质的理解有偏差所造成的。在整个搜索引擎结果排序当中,影响SEO排名的因素众多,但是不管搜索引擎算法怎么改变,站内SEO规范性永远都是万变不离其中。很多人在初学SEO的时候都会遇到一个尴尬的问题就是所有基础知识学完,不知道什么是重点,导致最后H标签、T……

阅读全文>>
前端设计

CSS hack整理

对于前台开发来说,最讨厌的就是各个浏览器对CSS的兼容性问题了,每次一开发前台总要在各个浏览器中测试,电脑中除了IE还安装了十多个浏览器,还有IETest这个针对IE各版本测试的软件,每次都头疼为什么这么多浏览器就不能统一一下呢,为什么还有那么多人还舍不得放弃IE6呢。好了,闲话不扯了,进入正题,在上篇博文《当{clear:both}遇上古董IE6》中我就提到了要整理一下CSS的hack,结果一直……

阅读全文>>
前端设计

当{clear:both}遇上古董IE6

今天又完成了一个客户的网站,在做最后的各浏览器兼容性测试时,在IE6和IE7上,一个盒子模型居然内部自动增高了,导致和其他盒子模型高度不一致,万恶的古董IE6,不过使用它的人还不少,没办法只有检查哪里的代码没兼容。IETester中IE6版本的测试效果,红框处为异常区域仔细检查了CSS代码和HTML代码,在上边红框相邻的代码中发现了一段清除浮动的代码,我试着将其删除,页面在IE6下也就显示正常了。……

阅读全文>>
前端设计

CSS实现分栏高度自动相等

前几天在进行本博客主题“Me”的设计中发现,由于“Me”主题背景不是纯白色,而内容栏和侧边栏由于内容的不一定导致整体页面不美观。我将内容栏的几个关键位置的height属性都改成100%,但是没有效果,之后用JS来实现,结果首页和分类页面正常,但是文章页和单页就不正常了。之后在网上搜索到了张鑫旭博客中的《纯CSS实现侧边栏/分栏高度自动相等》这篇文章,写得非常详细。我看了后修改了CSS,果然是个不错……

阅读全文>>