⑴ javaweb项目怎么修改网页字体大小
使用css,例如]
<a style="font-size:16px;">16px的字体大小</a>
<a style="font-size:10px;">10px的字体大小</a>
可以把a标签改成是div的标签,这样在div里面的字体都会是默认该大小了,如:
<div style="font-size:16px;">16px的字体大小
<a href="#">这里的字体也是16px</a>
<a style="font-size:10px;">呵呵,这个不是默认的16px大小了,而是10px大小</a>
</div>
⑵ 网页设计开发:如何处理网页字体
在网页的设计开发过程中,最重要的莫过于网页的视觉效果,设计人员经常花费大量精力用于调整字体和字号。利用CSS2规范,我们可以在Web页面或应用程序中随意对字体进行调整。本文将深入探讨字体大小,并介绍在网页和网页应用程序中调整字体的最佳方法。 如何调整字号 CSS2规范是以字体长度来定义字号的,长度数字越大,字体的水平和垂直长度就越大。在长度数字前,有时候还会缀以“+”或者“-”号。另外,在字号后,有可能还跟随着单位标识符。CSS2规范运扮中包含了两种单位标识符:绝对单位标识符和相对单位标识符。绝对值用来定义单位,而相对单位标识符则表示相对于另一个值的大小,以下列出了几种相对单位标识符: em表示字体的高度,它等于字体的font-size属性经过比例计算后的值。但有一种情况例外,即font-size属性本身使用了em标识符,在这种情况下它会以父元素的字体大小为参考;ex(x-height)指定与小写字母x的高度相等;px(pixels)关系到画布或屏幕分辨率,网页显示时的像素值完全取决于显示器分辨率,这会使显示结果随用户在屏幕分辨率上的偏好而改变。 另一种实现绝对字号的方法是使用缩放功能。你可以使用以下关键字来缩小或放大字体:xx-small、x-small、small、medium、large、x-large,以及xx-large。其中Medium是一个基准,带有small字样的参数会让字体缩小,而带有large字样的参数会让字体扩大。CSS2规范中定义的缩放比例是1.2,但是不同的浏览器可能有不同的解析结果。 采用何种方式 CSS中有大量关于字体字号方面的参数,那么你的网页该采用什么定义方式呢?采用绝对标识符来确定字号有很多弊端,比如会对一致性和灵活性造成影响,还会在可访问性方面出现问题。相对字号与绝对字号相比,可以让用户通过多种方式来调大字号,从而更便于阅读。在实际开发中,大多数设计人员采用的也是相对字号。下面让我们更深入地了解一下相对字号: 在字号方面使用最多的方式就是丛悄携pixels方式(px),大多数浏览器都支持这种字号定义方式,使用这种方式的缺点就是用户无法在IE浏览器中调节字体大小。 最普通的字号定义方式是使用em或百分比。用em定义的字号可以在任何浏览器中缩放,它同时也照顾渗伏到了用户对字体的偏爱。 阅读关于 网页设计开发字体网页陶吧 的全部文章
⑶ 网页设计中,最小的字号应该是多少
网页设计中的字体一般设置成12px,如果网页的东西相对比较少,也可以设置成14px,关于导航和其他的一般是用ps处理出好的效果,如果是文本一般为14以上并且带加粗。
字体没有特别规定但是有常规的用法:
常规文字 12px;标题,页头 14px、16px;大标题,横幅等 18px。
(3)web设计字体大小扩展阅读:
网页设计,是根据企业希望向浏览者传递的信息(包括产品、服务、理念、文化),进行网站功能策划,然后进行的页面设计美化工作。作为企业对外宣传物料的其中一种,精美的网页设计,对于提升企业的互联网品牌形象至关重要。
网页设计一般分为三种大类:功能型网页设计(服务网站&B/S软件用户端)、形象型网页设计(品牌形象站)、信息型网页设计(门户站)。设计网页的目的不同,应选择不同的网页策划与设计方案。
网页设计的工作目标,是通过使用更合理的颜色、字体、图片、样式进行页面设计美化,在功能限定的情况下,尽可能给予用户完美的视觉体验。高级的网页设计甚至会考虑到通过声光、交互等来实现更好的视听感受。
网页设计主要以Adobe产品为主,常见的工具包括FW、PS、FL、DW、CDR、AI等,其中DW是代码工具,其他是图形图像和FL动画工具。还有最近几年Adobe新出的EdgeReflow、EdgeCode、Muse。
⑷ web前端为什么字体大小设置不了
可以设置。
1、NO1使用em在我的一些网页设计中对字体的设置很少有看到pt或者px类的单位,我想使用百分比或者相对的方式比较好,首先我想我们应该在body里面设置一个字体为百分比的单位,然后再在下文使用em值,这样能够避免很多的麻烦。2、能够避免当我们设计流动布局时习惯性的把字体设置为固定显示值。3、字体的一致性,和相对性,能够突出显示我们想要表达的内容。
还有一种是让用户可以自己来切换,这样对用户体验来说大大提高,对于某些浏览器来说,切换样式是内置的,但这类浏览器中却并没有IE的身影。所以为了可让用户可以切换文字的大小,在页面中我们必须加入相应的控制脚本。
⑸ web端及移动端原型设计规范
第一次绘制原型图的时候觉得主要功能表达清晰即可,尺寸大小、元件间距全凭感觉,因此一开始也挨了不少骂。后来慢慢摸索出规律,大概总结如下:
端口类型:
目前长需设计的端口分为:web段(即网页)、移动端(APP、小程序等移动设备)、IPAD(IPAD是一种移动设备,但也有自己特定的尺寸),智能设备(例如智能电视、智能手表等等)
由于我更多接触的是网页端已经小程序端口,后面会以这两个为主。
网页端:
目前市面上显示器屏幕尺寸为19-21寸,屏幕分辨率大概在1280px*800px—1440px*900px之间,前端工程师在写页面的时候,宽度一般设为1180px—1220px(当然,这个宽度也不是绝对固定的)。
因此在做产品设计的时候,设计web端产品,宽度会设为1400px作为容器,位于容器上方再画一个1200px的矩形,内容区域的容器。(PS:内容区域的矩形需与底部容器左右间隔10px,作为留白)
可能有人会问,为什么要底部容器上面划出一块内容区域?
首先,我们要知道, 容器决定产品的边界 :
我的理解是:
按照市面上显示器的分辨率,前端页面可展示的内容区域,平均宽度在1200px,预留出来的空白部分,是为显示器较大的人群考虑的:屏幕越大,可展示的区域也越大,超过产品本身内容可展示区域的话,会自动留白。
另一方面,为保证开发团队的成员可查看完整的原型图,我们需考虑下他们电脑屏幕的分辨率可能为1280*800px。
稍稍总结下,就是跟随大多数人的屏幕尺寸大小,以及方便开发团队查看。
给大家看我电脑上查看大的原型图大小,是不是很清晰的看到内容呢?当然,这也是我个人的看法,如果有别的看法的,可以互相交流交流 (我算是个野路子的产品) 。
至于高度的问题,这个是没有要求的,一般都是根据需要展示的内容来决定的,也就是高度自适应。
讲完容器的宽度,接下来讲讲字体。正常情况下,字体大小都是14px,最小字体12px(字体太小可能就不方便查看)。
字体上,我所在的企业并没有太多要求,只要求能看懂主要功能就行,所以上面的字体是来自一位B站的up总结的。
移动端:
说明之前,给大家感受下刚入门时候,画的线框图,话不多说,先上图。
(OS:简直惨不忍睹,当然这并不是给开发的图纸,而是草稿。由于各种问题,我需要兼顾产品跟UI设计,所以都是输入高保真原型图的)
虽然最终效果跟第一版草稿的差距特别大,但这样让我知道原型尺寸的重要性。但凡在自己随手画的容器上觉得觉得间距大小差不多了,可以了。有这样的想法,那你离被开发揍一顿就不远了。
以自己一开始的惨痛经历说了这么多,接下来聊一聊移动端的设计规范。
常见的移动端多是手机,基本上整个手机都是屏幕既是容器也是内容可视区。常用字体14px,最小字体一般是12px(你懂的,手机屏幕小,字体太小用户也很难看清的)
上图是我个人画线框图的习惯,并不是标准,只是提供个参考给大家。各个区域的底色,也只是为了便于自己区分,实际上底色并没有什么特别多的要求。至于字体,一般都是使用14px的字体。
产品在原型设计上还是有很多规范的,只不过我就职的企业并没有太多要求,但基本也算通用了,具体情况还是看看自己企业内部有没有什么特别的要求。
上述的设计规范仅限于个人习惯,也是非常基础的部分。如果有别的见解也可以一起分享。像容器内,各类原件的一些规范,后续也会慢慢整理出来。
⑹ Web和Ui设计尺寸规范有哪些
WEB端
必备元素:logo、培并做menu(导航)、banner(动效【flash、H5】)、内容区(新闻、企业简介、产品展示...)、版权信息(版权所有、联系方式)
可选元素:搜索、电话、在线客服、流量统计...
用户体验习惯:左:浏览区域、列表区域
右:功能区域、内容区域
字体:最小12px,最黑#333333
字体12px、14px、16px效果选择无,其他字号则用锐利配衡、犀利、浑厚等
标题部分字体:14px~24px(尽可能采用雅黑)
正文部分字体:12px、14px(雅黑或者宋体),字行距一般为1.5~2倍之间。
尺寸规范:在分辨率1024px*768px的情况下,满屏宽度为1003px,通常定义可视范围为920px~1000px之间。常见:宽960px、980px、1000px,一屏高度650px。
UI方面
iOS
iphone字体、字蔽团号标准
字体:中文:苹方;英文:旧金山
字号:正文最小24px;常驻栏icon20px
Andriod字体:中文:思源黑体;英文:roboto
字号:注释最小:24px;文本:28px;文章标题或图标名称:32px;导航标题:36px(在这里为720px*1280px的尺寸下设计规范,注:1sp=2px)
界面尺寸
图标尺寸
以上内容希望可以帮到你!
⑺ pc端web、移动端web的字体大小、颜色、字体样式使用
首先了解下px,em,rem的区别
px(像素)是绝对单位,页面按精确像素展示,使页面较稳定和相对固定一些。但这种方法存在一个问题,用户在浏览我们制作的web页面时,如果他改变了浏览器的字体大小,或是缩放、放大页面,这时会使页面布局被打乱。
em是相对单位,基准点为父节点字体的大小。上面说到使用px为单位的web页面会遇到的问题可以使用em来解决。
例如con2的父元素为con1,css中<strong>con1</strong>和<strong>con2</strong>的font-size都设置为2em;
可以看得出con1和con2的font-size样式都是2em,但是展现出来的字体大小不一样,因为默认情况下没有对字体进行重新设置的话,浏览器默认字体为16px,con1的2em就相当于32px,那么con2的2em就相当于con1的两倍也就是64px,所以con2字体比con1的大。
rem是相对于页面根元素的大小单位,我们只需给页面的根元素设置一个参考值,就可以在页面中根据参考值设置其他元素的大小,rem不会出现嵌套的繁琐。
设置html下1rem=10px
可以看得出1rem就是12px(浏览器下最小的字体为12px,当设置小于12px的字体,也默认为12px)
无论元素处于哪一层,都不会受到父元素的影响。
⑻ web界面设计规范有哪些
一、网页尺寸
制作网页时,我们选用的分辨率是72像素/英寸,使用的画布尺寸1920px*1080px。
但是并不代表我们可以在整个画布上作图。
网页的布局主要有两种,左右型布局和居中型布局。布局的不一致,使得可设计的空间也不相同。
二、网页字体
字体设计的总原则是:可辨识性和易读性。
网页的文字设计是系统默认的字体:宋体、微软黑体、苹果系统黑体,英文则建议使用arial无衬线字体
常用的字号大小有以下几种:
12px是应用于网页的最小字体,适用于非突出性的日期,版权等注释性内容。
14px 则适用于非突出性的普通正文内容。
16px、18px或者20px 适用于突出性的标题内容。
⑼ web网页设计怎么设置字体
web网页设计怎么设置字体的字号和字间距如何设置。字体的尺寸大小在哪呢?首先我们应该根据字体的大小来选择字符宽度和字宽,这样在设计网页时,不管是大的还是小的,我们都可以根据网页的内容来进行选择字体宽弊毕。字体宽租档芹高是设计师用来区分字体的一种方法,大致也分为两种方式:通过标准字体(宋体与黑体) 进行区分:通常设计师在设计字体时,会选择标准样式的字体进行设计,设置标准样式中的字体宽高,例如宋体和黑体。通常为16点,16点,16-15点。通常是蠢孝为了更好的区分字体,如果在16点或者18点显示的话,这个时候我们会用的标准尺寸,用于设置字体在网上应该尽量。