整合营销服务商

电脑端+手机端+微信端=数据同步管理

免费咨询热线:

CSS3 Flexbox解决方案

CSS3 Flexbox解决方案

期以来,CSS 一直缺乏合适的布局机制。 变形,动画,滤镜,对这门伟大的语言来说都很有用的补充的,但是都没有解决 Web 开发人员一直抱怨的的主要的看起来似乎是永恒的问题。

终于,感谢Flexbox ,我们有了一个解决方案。查看说明、DEMO及项目源代码:Flexbox解决方案

这个网站不是另一个CSS框架。相反,它的目的是展示曾经很困难甚至无法单独使用 CSS 能解决的问题,而现在使用Flexbox简单易用。随着最近发布的Internet Explorer 11和Safari 6.1,最新的Flexbox规格已经被每一个的现代浏览器支持(愚人码头注:浏览器的支持请客,你可以看 http://caniuse.com/#feat=flexbox)。

在Web检查器(天涯孤雁注:开发者工具)中查看样式或深入了解 源代码,看看Flexbox成为主流后CSS布局会变得多么容易。

这个解决方案主要提供了以下几个应用:

  • 更好,更简单的栅格系统Flexbox: 满足了我们大部分对于栅格系统的需求。并且尺寸、对齐仅用一两个属性就能搞定。
  • 圣杯布局:这是一个经典的 css-hack 布局挑战,历史上出现的方案都没有完美解决。直到 Flexbox 布局的出现,终于成为可能。
  • 输入附加组件:创建全宽度,流式的输入/按钮组在 CSS 的历史中几乎不可能。有了 Flexbox 布局,一切将会变得更简单。
  • 媒体对象:创建含有固定或变化的头像的媒体对象,不用担心溢出(overflow),清除浮动(clearfixing),或者块格式化内容(block formatting context)等 hack 。
  • 粘性页脚:让你的页脚粘在底部一直以来是一个技巧。如果页脚的高度未知,那么基本上就不可能了。现在不再如此。
  • 垂直居中:这个经典的问题问题一直被 CSS hackers 挑战了很多年,历史的解决方案没有一个能够完整地解决。有了 Flexbox 布局,终于成为了可能。

最近一段时间,每个SEO人员,都会遇到这样的事情:

① 某些旧页面的关键词,突然开始大幅提升,而你并没有给予过多SEO资源。

② 某些新页面的关键词,突然排名大幅下降,而你却不断的输入资源。

③ 关键词排名今天有,明天没有。

④ 关键词排名浮动式的持续下降,有的则是一条斜线,一路上涨。

这让很多SEO初学者非常“懵”,我该继续如何操作,特别是面临KPI压力的时候,甚至对于第三方SEO服务机构也是一种挑战。

那么,SEO关键词排名浮动,如何泰然处之?

根据以往关键词优化的经历,蝙蝠侠IT,将通过如下内容,进一步说明:

1、淡定

我们认为对于搜索引擎而言,任何一次调整与波动,都是有一个周期性的,如果你在算法调整周期中,每天都在跟踪相关的数据指标。

那无异于是自寻烦恼,而这个时候,我们给出的建议就是“淡定”泰然处之,比如:

① 尽量过多的在社群中,讨论相关话题,除非是领域KOL给出的建议,否则,基本没意义。

② 静下来思考一下,我的网站与内容,如何才能更好的展现给用户,哪个页面需要调整。

③ 我的内容是真的以用户为中心吗,还是为了纯粹的SEO排名。

④ 增加一些户外活动,让自己换一个轻松的环境,你的思路可能会有改观。

2、审查

当你觉得自己已经足够冷静,而没有过多主观意见的时候,你可以坐下来,泡杯咖啡,认真的做一下SEO诊断,看看自己的网站到底哪里有问题,比如:

① 页面陈旧性错误:关键词堆积(大部分企业站常态问题)

② 网站内容更新:哪些页面活跃度在降低(更新、点击量)

③ 站内页面冲突:采用TAG聚合页排名(使得独立的单页,存在一定的站内冲突)

④ 欲速则不达:排名下降,网站低质量外链增长速度过快(恶性循环)

⑤ 页面内链配置:内链是一个双刃剑,错误的关联不相关的页面,容易产生连带效应。

⑥ 搜索引擎爬行:查看网站日志,针对搜索引擎的蜘蛛,是否出现大量的301、404、304等状态码。

⑦ 网站增加栏目:增加页面栏目,比如:问答板块,它是否造成整站垂直度下降,稀释页面内容质量。(很严重)

⑧ 网站整站结构:是否调整分页展现、列表页调用数量、网站导航的栏目匹配、去除页脚导航等,使得整站结构大规模变化。

⑨ 品牌营销活动:是否由于品牌营销活动,使得短周期内,产生大量的用户点击,是否造成误伤。

3、方案

当我们针对自身网站,进行逐一排查问题的时候,你可能需要制定一个阶段性的策略,用于调整目前的现状,比如:

① 如果你页面标题堆积,并且Title标签很长,我们建议:有序的修改标题,避免过快的变更。

② 尝试提升整站更新频率,它包括:内容页+URL增长(独立思考)。

③ 如果出现内容页冲突问题,尽量选择利用301重定向合并,或者单独调整独立页的关键词密度。

④ 外链建设合理控制增长速度,尽量避免购买链接,发站群外链。

⑤ 如果可以不要利用插件自动添加内链,实在不行,可以放弃内链。

⑥ 合理处理爬虫访问的404页面,比如:提交死链接。

⑦ 当你试图增加目标栏目的时候:你需要思考,是否有可持续、高质量内容输出。

⑧ 如果不是经过A/B测试,以着陆页转化率为目的,尽量避免调整整站结构(最好不)

⑨ 在做品牌营销活动的时候,尽量思考一下,其对SEO产生的潜在影响。

4、测试

当我们针对上述问题,做出相关诊断与解决方案的时候,我们就是确保执行阶段,可以完美的落实相关计划,而不断利用测试,积累经验。

总结:如果你长期从事SEO工作,你有的时候会对搜索引擎的调整天生的“敏感”,关于上述问题,仍然有诸多细节,和一些核心因素没有进一步的展开讨论,仅供大家参考,我们一直认为“众人拾柴火焰高”。

著作权归作者所有,本站根据CC0协议授权转发

商业转载请联系作者获得授权,非商业转载请注明出处

联系:[运营的小事]编辑

2007版开始,OFFICE的界面风格从菜单、工具栏转为功能区(Ribbon)选项卡风格已经10年了,大家早已经习惯了从各个选项卡中执行命令的快捷。今天,回头哥要和大家分享的是可能已经被部分小伙伴习惯性遗忘的右键快捷菜单在Word排版中的应用。右键菜单就出现在鼠标活动光标傍边,距离非常的近,习惯了使用后,用户可以省去很多操作冤枉路,手腕也会轻松不少哦。

一、在录入文字时

在录入文字的时候在光标活动处直接单击鼠标右键,可以同时弹出浮动工具栏和右键菜单。其中浮动工具栏包含了字体、段落、项目编号、样式和格式刷等常用的编辑工具,它就在鼠标的右上方。

另外,剪贴板相关命令、字体和段落对话框都在右键菜单的显示位置,选择起来非常方便。如果要为选定的文字段落设置文字方向,或者向文档中插入符号的号,可以从右键菜单中轻松选择该命令,再也不用跑很远的“路”到选项卡中点击3下鼠标了。

注意:是否选择文本后执行右键,右键菜单中的部分命令特别是剪贴板命令显示状态是不同的。


二、在表格中

表格是Word中一个非常重要的工具,利用表格工具,不仅可以制作各类的表格,灵活运用表格工具,还可以完成很多特殊的排版效果。

在表格对象上面单击鼠标右键,也会有相应的表格工具供用户使用。

选中整个表格后,在表格中单击右键,可以看到如下的菜单:在右键菜单中,常用的插入行、列、单元格命令,删除表格、平均分布行或列、边框样式、自动调整、文字方向、表格属性等都在菜单在,甚至还可以使用【插入题注】命令来方便的给表格进行自动编号。

另外,Word会根据单元格的选择结果不同而调整右键菜单中的命令,如下图是不选择任何单元格而直接在表格上单击右键的菜单:

下图是选择了某几个单元格再单击鼠标右键的结果:

三、在图形图片上

在Word中通过鼠标右键,可以轻松将图片保存成独立的png图片:

另外,还可以通过右键菜单对图片进行更改、添加题注,设置环绕版式,也可以打开图片格式窗格进行更为详细的设置。

而在绘制的图形中使用右键,则可以对图形进行添加文字、编辑顶点等快速设置:

下图是在SmartArt上使用鼠标右键的菜单:


四、在自动编号上

在自动编号列表上使用右键,可以对列表缩进和编号起始值等项目进行设置:


五、在应用了内置样式的标题上

在使用了样式或大纲级别的标题上使用鼠标右键,可以对该标题下的内容进行折叠或展开操作:

六、在导航窗格上

在导航窗格中的标题上使用右键,可以对标题进行升降级、删除、选中、展开折叠、打印指定标题内容等操作:

右键菜单可以说是无处不在,除了前文所述内容外,在文档中的其他对象上面,还有页眉、页脚、选项卡、状态栏等程序界面上都可以使用右键菜单。在编辑文档的过程中请大家要习惯的先去单击一下鼠标的右键,去探索右键中的秘密吧,真的会有意想不到的收获哦!

图文作者:郑志泽

ExcelHome云课堂讲师