在photoshop中页脚和标题的字体大小是多少?

时间:2017-03-19 22:03:35

标签: tags photoshop

我在photoshop中设计了一个模型。

我知道我1em与在photoshop中使用的12分相同。

当我研究了导航和页脚等字体大小时,会出现H1到H6。

有没有人知道所有3个设备(移动设备,桌面设备和平板电脑)的页眉和页脚的典型字体大小

1 个答案:

答案 0 :(得分:0)

好的,所以h1是一个标题标签,看起来很大。

这是一个`h1`标签

这是一个`h2`标签

这是一个`h3` TAG

您在导航中不应使用这些内容。请注意,您应该在任何给定页面上只有一个<h1>标记,因为这是Google确定并显示该网页内容的方式,您不希望混淆谷歌。

大多数导航都包含一个无序列表。由<ul><li>标记组成。

例如,你的导航在html中可能看起来像这样。

<ul class="navigation">
<li> home </li>
<li> about </li>
<li> blog </li>
<li> contact </li>
</ul>

您可以通过css控制字体大小,并仅定位导航中的li标签。

.navigation li{ font-size: 12px }

这就是它在开发端的工作方式。

在Photoshop中设计网站时。如果您使用的当前文档的分辨率设置为72,则Web中使用的像素值将与Photoshop中显示的像素值相同。(这是标准的Web分辨率)

使用em很好。使用em可以使文本适应可用空间。但是如果你不是那个将要编码网站的人,那么在Photoshop中使用em是没有意义的。您可以将这些决定留给开发人员,并与他协商您希望它在不同屏幕尺寸上显示的方式。

在尝试设计网站之前,请先学习基本的HTML和CSS。 从https://www.w3schools.com/html/开始,随时回答您的开发问题。

祝你好运。