CSS

2段代码实现在所有浏览器下显示特殊字体(附字体转换工具)

这时我们可能会习惯性的点击执行exe文件去执行,可惜的是点击后一个黑框一闪而过,没有任何的执行窗口出现,那么这时我们怎么做呢?

我们只需要将ttf文件拖动扔到exe执行程序上去就可以,也就是图中的豹子头(豹子么老虎?)上就可以,如下图:

Tags: 

如何保证网页的字体在各平台都尽量显示为最高质量的黑体

Windows 在 Vista 之前都以中易宋体(在 Windows 里显示名称为宋体,英文名 SimSun)为简体中文默认字体。它在正文字号时为点阵,尚可接受,但字号稍大就难以接受了。中易宋体没有粗体,它的西文部分也完全没法用。
从 Vista 开始,微软提供了微软雅黑作为新的简体中文默认字体。这款字体跟上了时代,但褒贬不一。微软雅黑有粗体,西文部分达到了 Windows 的水准。在自己的网页设计中要不要用微软雅黑来显示正文——这是一大抉择。

Tags: 

CSS字体中英文名称对照表 CSS常用中文字体英文名称对照表

在CSS文件中,我们常看到有些字体名称变成了乱码,这是由于编写者将中文字体的名字直接写成了中文,并且再上传或者拷贝复制的时候无意间变成了乱码。 为了避免这种状况出现,在CSS文件中使用中文字体时,最好使用中文字体的英文名称,我们常用中文字体的英文名称对照表如下:

Tags: 

去掉Drupal建好的站点中所有链接的下划线

用Drupal建好的网站,所有的链接都带有下划线,看着很不爽,所以想将这个下划线去掉。

可我又是CSS菜鸟,只能求助百度了。在BD上找了很多方法,可怎么也去不掉这碍眼的下划线。

功夫不负有心人,经过不懈的努力,终于找到了正确的CSS代码,非常简单,只有一句,将代码添加到主题中控制全局的样式表文件中,然后在网站后台的配置的性能中清空全部缓存,再打开网站,你会发现讨厌的下划线全没了。

参考代码:

a:link{text-decoration:none;} 

 

Tags: 

推荐30个优秀的CSS代码生成器

 

网页设计和开发不是一件容易的事,所以网页设计师和开发人员可以从任何一种工具得到尽可能多的帮助。这些方便的工具,可以帮助他们减少完成任务所需的时间,提高工作效率 – 通过使用这些网页设计工具开发人员和设计人员可以创建优雅,功能齐全,高度优化的网站。

所以今天我们推荐30个优秀的CSS代码生成器。

 


Typetester

Tags: 

CSS完美实现垂直居中

之前看到很多人一直都问这个问题,不过当时我没当一回事,因为在 CSS 中要垂直居中,多数是在有高度的情况下,或者容器高度不定的情况下才用,看上去比较舒服,而且实现的方法也不少,不一定要拘泥于和 table 布局一样。不过最近有人问了几个例子,看来对此的需求还不少。现在就把我经验拿出来分享一下,希望大家鼓鼓掌。

首先,要有一个概念:凡是 table 布局可以实现的,CSS 一定可以实现。CSS 可以实现的,table 未必能做到。

现在来几个例子:

一、单行内容的居中
只考虑单行是最简单的,无论是否给容器固定高度,只要给容器设置 line-height 和 height,并使两值相等,再加上 over-flow: hidden 就可以了

.middle-demo-1{
height: 4em;
line-height: 4em;
overflow: hidden;
}

Tags: 
订阅 RSS - CSS