霍者博客

欢迎访问霍者博客(微信hylg1234)最新发布 练习题合集 软件合集 视频合集

用CSS创建扁平化面包屑导航

随着近些年CSS与CSS3的发展,有些东西我们可以纯用CSS去实现,取代那些需要使用背景图片的老技术。在这篇教程中,我们将创建扁平化的面包屑导航链接,不再需要使用之前流行的“推拉门式的背景图片”。

我们将面包屑链接设计成类似雪佛龙的样式,表达向下获取内容的意思。过去我们用背景图片实现这一效果,现在我们将在边框border属性的帮助下,纯用CSS实现相同的效果。

...

CSS透明度在IE,Chrome,Firefox,Safari实现兼容

CSS实现透明度兼容性,目前IE9,IE10,IE11都能使用CSS3的rgba直接实现透明度,但之前的IE6,7,8就不行了,基本都是使用IE特定的滤镜(filter)属性中的alpha filter来实现透明度。这就比较有趣了,IE9标准模式只能支持 opacity,而不支持 alpha filter ( IE9的兼容即怪异模式,IE7和IE8浏览器仍然支持 alpha filter 但不支持实现opacity )。

...

为什么霍者推荐使用PSCC做网页设计效果框架图?

为什么霍者推荐使用PSCC版本做网页设计效果框架图?

1,PS软件和网页对字体的渲染模式是有区别的,相同的字体,在PS里显示会有点模糊,不够精致。

2,PS从CC版本开始才有WindowsLCD这个模式,而这个模式可以很好的解决问题在PS里显示会有点模糊,不够精致的问题。(特别注意PSCC兼容于WIN7以上系统,不兼容XP。)

...

HTML的meta总结,html标签中meta属性使用介绍

前言

meta是html语言head区的一个辅助性标签。也许你认为这些代码可有可无。其实如果你能够用好meta标签,会给你带来意想不到的效果,meta 标签的作用有:搜索引擎优化(SEO),定义页面使用语言,自动刷新并指向新的页面,实现网页转换时的动态效果,控制页面缓冲,网页定级评价,控制网页显 示的窗口等!

html的meta总结

meta标签的组成:meta标签共有两个属性,它们分别是http-equiv属性和name属性,不同的属性又有不同的参数值,这些不同的参数值就实现了不同的网页功能。

...

HTML5新增标签、语义特性-文档声明

文档声明,定义和用法

声明必须位于HTML5文档中的第一行,也就是位于标签之前。该标签告知浏览器文档所使用的HTML规范。

doctype声明不属于HTML标签;它是一条指令,告诉浏览器编写页面所用的标记的版本。

在所有HTML文档中规定doctype是非常重要的,这样浏览器就能了解预期的文档类型。

HTML4.01中的doctype需要对DTD进行引用,因为HTML4.01基于SGML。而HTML5不基于SGML,因此不需要对DTD进行引用,但是需要doctype来规范浏览器的行为(让浏览器按照它们应该的方式来运行。)。

...

网页设计中字体的性格分析

我们常用“字如其人”来形容一个人的字迹,也就是说一个人的性格和阅历会投射到文字上。而字体正是文字的性格,是文字表意功能之上的美学体现。优秀的字体远在读者理解句意之前就通过字形与笔画风格将情感传达给读者了,所谓“未成曲调先有情”,传情达意正是字体设计的意义所在。

千人千面,每个人的性格都不尽相同,字体也是如此。蔡邕的《笔论》中讲到:“若虫食木叶,若利剑长戈,若强弓硬矢,若水火,若云雾,若日月”说的便是字体的变幻无方。字体的性格多种多样,具体便体现在不同的笔画粗细、线条曲直、架构疏密等方面。接下来我就从这些维度来粗浅地分析一下字体的性格。

...

思考网页设计中的留白再重建

一切从“整理”开始

前阵子读了佐藤可士和的《超级整理术》和《创意思考术》两本书,有了点启示,想和大家分享下。记载的方式有点类似思维跳跃的随笔,希望大家在耐心阅读之后会有所启示…

...

浅谈网页设计中的逻辑

逻辑(理则学),源自古典希腊语λόγος (logos),最初的意思是“词语”或“言语”,还引申出意思“思维”或“推理”。逻辑经常被认为对论证评价准则的研究,尽管逻辑的精确定义在哲学家之间尚有争议的事情。这个主题还是有所依据的,逻辑学家的任务是相同的:提出大量的有效和谬误的推论,从而允许人们区别出好论证和坏论证。

...