分类 Html/CSS 下的文章

css中字体的单位px和em,rem有什么区别区别

国内的设计师大都喜欢用px,而国外的网站大都喜欢用em和rem,那么三者有什么区别,又各自有什么优劣呢?

PX特点

1. IE无法调整那些使用px作为单位的字体大小;

2. 国外的大部分网站能够调整的原因在于其使用了em或rem作为字体单位;

3. Firefox能够调整px和em,rem,但是96%以上的中国网民使用IE浏览器(或内核)。

 

- 阅读剩余部分 -

html 中几次方,平方米,立方米,下标,上标,删除线等的表示方法

html 中几次方,平方米,立方米,上标,下标,删除线等的表示方法


上标下标删除线 小号字 插入字 M2 54

X24+Y1<3=100

N5N



<sup>上标</sup>


<sub>下标</sub>

<del>删除线</del>

<small>小号字</small>

<ins>插入字</ins>

M<sup>2</sup>

5<sup>4</sup> 

<p>X<sub>2</sub><sup>4</sup>+Y<sub>1</sub><<sup>3</sup>=<del>100</del></p>

<p>N<ins>5</ins><small>N</small></p>

响应式web设计之CSS3 Media Queries

开始研究响应式web设计,CSS3 Media Queries是入门。

Media Queries,其作用就是允许添加表达式用以确定媒体的环境情况,以此来应用不同的样式表。换句话说,其允许我们在不改变内容的情况下,改变页面的布局以精确适应不同的设备。

那么,Media Queries是如何工作的?

两种方式,一种是直接在link中判断设备的尺寸,然后引用不同的css文件:

<link rel="stylesheet" type="text/css" href="styleA.css" media="screen and (min-width: 400px)">

意思是当屏幕的宽度大于等于400px的时候,应用styleA.css

- 阅读剩余部分 -