霍者博客

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

值得网页设计师和开发者使用的图标库

推荐font-awsome(中文名:奥森图标),简单的说就是图标不是图片了,而是代码标识出来的。

一套绝佳的图标字体库和CSS框架(奥森图标)

奥森字体图标,Font Awesome中文站,兼容IE7+,与Font Awesome 英文站同步更新,最新版本4.2.0


下面是其中两个可以下载的地方,当然也可以自己百度:

http://www.thinkcmf.com/font/

http://code.zoomla.cn/boot/font.html

...

网页设计师经验分享之企业官网设计流程

对于很多刚入行的网页设计师来说,总有很多迷惘和不安,特别是在设计过程中,不知如何下手,或者设计完后总是遇到反复修改,以至于对自己的信心和能力都感到质疑。在这里,分享一下我以往的一些工作经验,以及一个网站的设计流程,尽量让更多的新人少走弯路,踏入网页设计这一行业。

需求分析

在设计之前,必须要对其公司各方面有一定的了解,如果客户能提供一份详细的需求文档,那只能说你太幸运了。大多情况下,我们都需要通过从各种渠道去了解需求。可以从企业VI、文化、网站的受众群体,客户的性格和品味等,确定网站突出的重点,比如说突出公司产品,企业文化,或是提升企业品牌形象等,对网站风格进行准确定位。

...

分分钟让你搞懂HTML和XML的区别

很多人搞不清楚html和xml的区别,这里讲给你一一解析

HTML和XML的含义:

HTML(HyperText  Markup Language):

1.超文本标记语言,是为“网页创建和其他可在网页浏览器中看到的信息设计的一种标志语言”,也是构成网页文档的主要语言。

2. 设计HTML语言的目的是为了能把存放在一台电脑中的文本或图形与另一台电脑中的文本或图形方便地联系在一起,形成有机的整体,人们不用考虑具体信息是在当前电脑上还是在网络的其它电脑上。我们只需使用鼠标在某一文档中点取一个图标,Internet就会马上转到与此图标相关的内容上去,而这些信息可能存放在网络的另一台电脑中。

...

一个基础却又容易混淆的css知识点 当margin/padding取形式为百分比的值时,无论是left/right,还是top/bottom,都是以父元素的width为参照物的!

本文依赖于一个基础却又容易混淆的css知识点:当margin/padding取形式为百分比的值时,无论是left/right,还是top/bottom,都是以父元素的width为参照物的!

也许你会说,left/right以父元素的width为参照物好理解,但是top/bottom为什么也是以父元素的width为参照物的呢?网上众说纷纭,关键还是看W3C的规范:

Note that in a horizontal flow, percentages on ‘margin-top’ and ‘margin-bottom’ are relative to the width of the containing block, not the height (and in vertical flow, ‘margin-left’ and ‘margin-right’ are relative to the height, not the width).

...

CSS定义文章列表最后一行不显示下划线

CSS定义文章列表最后一行不显示下划线,用到了伪类:last-child

网上有直接位移,用父级div遮挡的,遮挡又有margin位移和position位移的;也有用到js的。但不管什么方法似乎都没有:last-child来的好。

效果如下图:

...