当前位置:首页 » 网页前端 » web设计字像素
扩展阅读
webinf下怎么引入js 2023-08-31 21:54:13
堡垒机怎么打开web 2023-08-31 21:54:11

web设计字像素

发布时间: 2022-05-15 13:17:03

① 关于网页设计尺寸和字号大小

html页面中的文字大小在用户浏览器下默认渲染是“16px",也没有强行规定一定要用多大的,这个要看设计图来定。

CSS上可以用"em"来替代“px”,em是一个相对的大小,我们可以这样来设置1em,0.5em,1.5em等,而且“em”还可以指定到小数点后三位,比如“1.365em”。

为什么要用em,而不用px的关键点:

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

2. 国外的大部分网站能够调整的原因在于其使用了em作为字体单位;3. Firefox能够调整px和em,但是96%以上的中国网民使用IE浏览器(或内核)。这意味这中国网站的字体大小可以被认为不可调。

(1)web设计字像素扩展阅读:

网页构成

文字与图片是构成一个网页的两个最基本的元素。你可以简单地理解为:文字,就是网页的内容。图片,就是网页的美观。除此之外,网页的元素还包括动画、音乐、程序等等。

在网页上点击鼠标右键,选择菜单中的 “查看源文件” ,就可以通过记事本看到网页的实际内容。可以看到网页实际上只是一个纯文本文件。

它通过各式各样的标记对页面上的文字、图片、表格、声音等元素进行描述(例如字体、颜色、大小),而浏览器则对这些标记进行解释并生成页面,于是就得到你现在所看到的画面。

为什么在源文件看不到任何图片? 网页文件中存放的只是图片的链接位置,而图片文件与网页文件是互相独立存放的,甚至可以不在同一台计算机上。

网页通常有以下元素:

文字资料图像档案Applet(在页面内执行的副程式)超链结网页的合成体为网站,一个网站的开始点为首页。

② 相比px而言,在响应式web设计中,em有何优势

PX:
PX实际上就是像素,用PX设置字体大小时,比较稳定和精确。但是这种方法存在一个问题,当用户在浏览器中浏览我们制作的Web页面时,如果改变了浏览器的缩放,这时会使用我们的Web页面布局被打破。这样对于那些关心自己网站可用性的用户来说,就是一个大问题了。因此,这时就提出了使用“em”来定义Web页面的字体。

EM:
EM就是根据基准来缩放字体的大小。EM实质是一个相对值,而非具体的数值。这种技术需要一个参考点,一般都是以<body>的“font-size”为基准。如TOPVE唯艺互动的基准就是16px=1em。
em有如下特点:
1. em的值并不是固定的;
2. em会继承父级元素的字体大小。

另外,em是相对于父元素的属性而计算的,如果想计算px和em之间的换算
1、任意浏览器的默认字体大小都是16px。
2、所有未经调整的浏览器都符合: 1em=16px 12px=0.75em 10px=0.625em
3、为了简化font-size的换算,在body选择器中声明font-size:62.5%,这就使em值变为
12px=1.2em, 10px=1em, 也就是说只需要将你的原来的px数值除以10,然后换上em作为单位就行了。

以上就是TOPVE唯艺互动对于响应式网站设计中PX与EM优缺点的总结和整理。如果您还对此有疑问,可以到他们网站看看他们是怎么使用EM和PX来进行网站设计的。

③ 制作网页,一般字体设置为多大,行距为多少。

字体大小可以用不同的方式计算,如点或像素,由于基于像素的打印需要转换为磅,因此建议使用磅。

1、网页文本显示最合适的字体大小约为12个磅。现在许多综合性网站通常使用9磅字体大小,因为页面中有许多内容需要排列,大字体可用于标题或其他需要强调的地方,小字体可用于页脚和辅助信息。需要注意的是,小尺寸容易产生整体感和精致感,但可读性差。

2、行距的变化也会对文本的可读性产生很大的影响。行距设置接近字体大小的权重更适合文本。行距的固定比例为10:12,即文字10磅,行距12磅。这主要是出于以下考虑:适当的行距会形成明显的水平白带引导观众的视线,过宽的行距会使一行文字失去良好的连续性。

(3)web设计字像素扩展阅读:

网页制作流程

1、引策划

网站的整体定位、功能规划、应用分析、流程设计和内容架构组织。

2、前台

网站页面的设计制作,包括版式规划、色彩应用、版面设计、切片输出、页面整合、动画和多媒体设计、交互环节设计和页面代码编写等。

3、后台

程序设计、数据操作、功能实现、管理界面和管理功能设计等,侧重界面设计的,应在图形设计和视觉创意上多下功夫,做页面代码和后台程序则要多熟悉web标准、标记语言、内嵌语言、脚本语言、数据库等内容。

参考资料来源:网络-网页制作

④ 网页设计 中文一般用的字体大小,一般怎么设置font-family。 怎么用fireworks获取图中文字的字体和大小

一般中文的字体大小是12px或者14px。操作方法如下:

1、打开webstorm软件,在HTML文件中创建h1到h6六个标签,分别font-style设置字体风格,italic斜体,normal正常,oblique倾斜,inherit指继承格式,revert还原字体风格。

⑤ 像素和字号、字体的关系

像素与字号、字体是没有直接关系的,像素是关系图像大小的,而字号和字体是排版中为了适合用户观看的。
需要将一行比较长的文本在一个比较窄的地方显示的话跟像素没有关系,可以尝试改变字距、行距和文字宽高比例。

⑥ 网页设计---分辨率是多少

  • 960px 基本上是目前比较主流的页面宽度——它可以让1024x768分辨率在最大化浏览器窗口的时候尽可能地使用宽度而不出现横向滚动条。而且在桌面分辨率逐步从1024x768过渡至更高分辨率的时候 iPad2 的正好接了上来——虽然不能获得最佳交互体验但是 960px 页面刚刚好可以获得在平板电脑上的的视觉兼容。当然 960px 对于三栏式及以上布局支持不好,因此许多重内容网站开始使用大于1000px的宽度。比如淘宝(1000px),京东(1210px),花瓣(1407px)等……PS:960px 刚好是 Full HD 尺寸宽度的一半,因此如果使用 1920x1200 或 1920x1080 的用户会习惯性使用 Win+← 和 Win+→ 快捷键同时把2个页面固定在桌面上(虽然会遮蔽一点点内容)。阅读体验非常有趣。

  • 初学html是老师告诉我们的是一般960px,现在应该有好多这样宽度的设计,不过现在显示屏的设备一般在1024以上了,比如现在的笔记本一般是1336*768,这有那些大头的显示屏分辨率保持在1024左右,新的液晶显示屏也都已经达到了1440*900的分辨率,所以现在设计的话一般是960px,980px,1000px,1024px!

⑦ WEB标准化:如何实现10像素的字体

<div style="font-size:10px;">这里就是10像素了</div>

采纳哦

⑧ web界面设计规范有哪些

一、网页尺寸
制作网页时,我们选用的分辨率是72像素/英寸,使用的画布尺寸1920px*1080px。
但是并不代表我们可以在整个画布上作图。
网页的布局主要有两种,左右型布局和居中型布局。布局的不一致,使得可设计的空间也不相同。
二、网页字体
字体设计的总原则是:可辨识性和易读性。
网页的文字设计是系统默认的字体:宋体、微软黑体、苹果系统黑体,英文则建议使用arial无衬线字体
常用的字号大小有以下几种:
12px是应用于网页的最小字体,适用于非突出性的日期,版权等注释性内容。
14px 则适用于非突出性的普通正文内容。
16px、18px或者20px 适用于突出性的标题内容。

⑨ 网页设计中,最小的字号应该是多少

网页设计中的字体一般设置成12px,如果网页的东西相对比较少,也可以设置成14px,关于导航和其他的一般是用ps处理出好的效果,如果是文本一般为14以上并且带加粗。

字体没有特别规定但是有常规的用法:

常规文字 12px;标题,页头 14px、16px;大标题,横幅等 18px。

(9)web设计字像素扩展阅读:

网页设计,是根据企业希望向浏览者传递的信息(包括产品、服务、理念、文化),进行网站功能策划,然后进行的页面设计美化工作。作为企业对外宣传物料的其中一种,精美的网页设计,对于提升企业的互联网品牌形象至关重要。

网页设计一般分为三种大类:功能型网页设计(服务网站&B/S软件用户端)、形象型网页设计(品牌形象站)、信息型网页设计(门户站)。设计网页的目的不同,应选择不同的网页策划与设计方案。

网页设计的工作目标,是通过使用更合理的颜色、字体、图片、样式进行页面设计美化,在功能限定的情况下,尽可能给予用户完美的视觉体验。高级的网页设计甚至会考虑到通过声光、交互等来实现更好的视听感受。

网页设计主要以Adobe产品为主,常见的工具包括FW、PS、FL、DW、CDR、AI等,其中DW是代码工具,其他是图形图像和FL动画工具。还有最近几年Adobe新出的EdgeReflow、EdgeCode、Muse。

⑩ 现在网页设计中的为什么少有人用 11px,13px,15px 等奇数的字体

  1. UI设计师的原因

    多数设计师用的设计软件(如:ps)大多数都是偶数,所以前端工程师一般都是用偶数字体。

  2. 浏览器的原因

    其一是为了迁就ie6,万恶的ie6会把定义为13px的字渲染成14px,你可以写个页面试试
    还有一个原因是,偶数宽的汉字,比如12px宽的汉字,去掉1像素的间距,填充了像素的实际宽是11px,这样汉字的中竖线左右是平分的,以“中”这个字为例,在12像素时,竖线在中间,左右各5像素,显得均衡。

    其二像谷歌一些比较流行的浏览器一般会有个默认的最小字体,而且对奇数字体渲染的不太好看


  3. 实际应用

    偶数字号相对更容易和 web 设计的其他部分构成比例关系。比如:当我用了 14 px 的正文字号,我可能会在一些地方用 14 × 0.5 = 7 px 的 margin,在另一些地方用 14 × 1.5 = 21 px 的标题字号。

    Windows 自带的点阵宋体(中易宋体)从 Vista 开始只提供 12、14、16 px 这三个大小的点阵,而 13、15、17 px 时用的是小一号的点阵(即每个字占的空间大了 1 px,但点阵没变),于是略显稀疏。