当前位置首页 > 网站建设> 正文

网页设计中如何把盒子和文字并列?

在包裹盒子和文字的盒子身上使用弹性布局（display：flex；flex-direction: column;）
flex-direction: column;（并列）

PC端和移动端网页设计的字体规范是什么？

感谢邀请，如果帮助到您记得关注我哈~

PC端网页当中默认字体为宋体，我们再设计时候需要注意最小中文字12像素必须选择宋体，字的属性选择无。因为中文字只有12像素宋体效果无才能看清。大于12、14我们一般用黑体。最小英文Arial可以是9像素一般很少用。移动端ios我们设计字体为苹方，安卓我们就用黑体就可以。

网站的字体设计也占网页设计的很大比例，内容层次决定字体、字体大小和粗细;同一界面上的字体和样式不超过3种，并给出每种字体的样式值。为网站设计字体时，应注意清晰易读的字体对比状态决定颜色。可以找博学鸿儒，很靠谱。

常用字体就是浏览器或操作系统自带的默认字体。不同的系统和浏览器，会有不同的默认字体，当然也可以在网站中我们自己去设置，不过要考虑的一个问题是，你选择的字体，你的用户电脑中是否安装，如果没有，那么就会浏览器换成默认字体。

常用默认字体主要有：

中文：宋体，微软雅黑，华文黑体黑体（无状态）

宋体：

Win最常见的字体，小字体点阵，大字体TrueType，但是大字体并不好看，所以最好别做标题。

微软雅黑：

Vista之后新引入的字体，打开Cleartype之后显示效果不错，不开Cleartype发虚。

华文细黑：

Mac下的默认中文。

英文：helveticaarial

Helvetica:

被评为设计师最爱的字体，Realist风格，简洁现代的线条，非常受到追捧。在Mac下面被认为是最佳的网页字体，在Windows下由于Hinting的原因显示很糟糕。

Arial:

Helvetica的「克隆」，和Helvetica非常像，细节上比如R和G有小小差别。如果字号太小，文字太多，看起来会有些累眼。Win和Mac显示都正常

以上这些作为系统字体，可以应用在网站中标题，正文需要呈现大量信息的地方。

网页前端最流行的就是使用H5+CSS3+JS来实现。如果想使用特效或图标字体，再配合bootstrap的响应式设计，fontawesome来进行图标设计，通过animate.css

来设计动画，网站便非常绚丽多彩。H5是HTML的5.0版本，进行页面元素的设计，CSS进行样式的设计。

网站后端最流行的开发语言是PHP，典型的后端开发环境是APACHE+PHP+MYSQL。可以在windows系统下或linux系统下良好的工作，希望能够帮助到你。青锋建站提供专业的网页设计教程与开发服务。