网页文字的应用于布局

网页设计时一般考虑三个大的方面
一、颜色的搭配要符合网站的风格
二、整体的布局要合理规划
三、就是文字的排版

设计原则：字不过三，色不过三

1、平稳型字体
微软雅黑、冬青字体、苹方字体、华文细黑、方正正中黑、
方正兰亭超细、方正兰亭纤黑、方正兰亭黑简、方正兰亭中黑、方正兰亭粗黑
2、刚劲有力型字体
张海山锐线、张海山锐谐、华康俪金黑、造字工房版黑、造字工房劲黑
3、可爱型字体
方正经黑、汉仪小麦、方正稚艺、汉仪悠然、汉仪跳跳、华康海报、腾翔金砖、汉仪黑荔枝（适用于插画类、海报类）

网页设计中在banner中可以使用一些很有个性的字体，而在正文部分要避免使用那些有个性的字体

win用户优先选择微软雅黑；黑体、宋体、新宋体、仿宋、楷体、仿宋_GB2312、楷体_GB2312、微软雅黑
mac用户优先选择苹方；冬青黑体、华文细黑、华文黑体、华文楷体、华文宋体、华文仿宋

英文网站字体大小可以选择10px、11px、12px、等字体大小
中文网站：正文：12px/14px 标题：14px、16px、18px 大号字体：18px、20px、26px、30px
（注意使用双数字号，单数字体在显示的时候会有毛边）

正文内容部分一般会使用深灰色（偏黑但不是纯黑），给人中立的感觉

文字设计时应注意：行宽、间距、行对齐、文字留白

网页文字的应用于布局相关推荐

横线-文字-横线的html-css布局
很多时候网页上需要下面的布局: 这个很容易搞定:代码如下: <table align="center" border=0 width=1100 height=80 style ...
html怎么将文字隐藏,教你如何用CSS实现网页文字隐藏
现在的网页设计越来越动态化,如果我们既想实现网页的动态化,又要兼顾友好搜索引擎,就不得不对网页添加一些文字,但这些文字的存在明显与我们动态网页的风格格格不入.怎么办呢?解决的方法是把这些文字进行隐藏. ...
wordpress page显示未找到页面_通过Avada主题了解网页基本结构和页面布局
Avada主题是目前很流行的国外建站主题,我们在学习 avada主题建站初期有必要先了解网页基本结构和页面布局情况,这样对后面使用 avada主题建站,了解 avada主题Theme Options设 ...
html5设置文字不能复制,网页文字不能复制?巧解网页文字不能复制
大家在上网的时候是否曾经遇到过网页文字无法复制的情况呢?为什么网页文字无法复制呢?或者问如何把不能复制的网页文字复制下来呢?其实,网页文字不能复制原因大部分是网页的制作者为了防止网页内容被被人盗用而设 ...
php鼠标经过显示文本,jQuery实现鼠标单击网页文字后在文本框显示的方法
这篇文章主要介绍了jQuery实现鼠标单击网页文字后在文本框显示的方法,可实现鼠标点击上方文字即可在下方勾选处文本框显示对应文字的效果,涉及jQuery鼠标事件及链式操作的相关技巧,需要的朋友可以参考 ...
python怎么查看网页编码格式_怎么用python爬取网页文字？
用Python进行爬取网页文字的代码:#!/usr/bin/python# -*- coding: UTF-8 -*-import requestsimport re# 下载一个网页url = 'ht ...
设置网页文字禁止复制
设置网页文字禁止复制 *{-moz-user-select: none; /*火狐*/-webkit-user-select: none; /*webkit浏览器*/-ms-user-select: ...
糖果浏览器和139邮箱巧妙应用:将网页文字一键发送到手机上
核心提示:我们有时需要将一些网页中的文字发送到手机上,如商务会谈前,将出行路线和目的地地址发送到手机上便于查看.但是每次都需要手动录入到手机上,费时费力. 我们有时需要将一些网页中的文字发送到手机上, ...
网页文字无法复制解决方法
1. 邮件界面点击检查 2. 点击设置 3. 勾选Debugger -> Disable JavaScript 4. 再次复制网页文字即可

网页文字的应用于布局

网页文字的应用于布局相关推荐

最新文章

热门文章