重庆分公司,新征程启航
为企业提供网站建设、域名注册、服务器等服务
设计网页时,一般设置body的字体,让其他标签继承body的字体,这样设置特别方便,但是标题标签h1到h6和表单标签(input类型)是没有继承body的字体属性的,它们的字体需要单独设置。
创新互联建站专注为客户提供全方位的互联网综合服务,包含不限于做网站、成都网站制作、田阳网络推广、小程序设计、田阳网络营销、田阳企业策划、田阳品牌公关、搜索引擎seo、人物专访、企业宣传片、企业代运营等,从售前售中售后,我们都将竭诚为您服务,您的肯定,是我们最大的嘉奖;创新互联建站为所有大学生创业者提供田阳建站搭建服务,24小时服务热线:028-86922220,官方网址:www.cdcxhl.com
html
head
style type="text/css"
body
{
font-family : 微软雅黑,宋体;
font-size : 1em;
color : #f00;
}
/style
/head
body
h1设置字体的类型、大小、颜色/h1
p
CSS设置字体的类型、大小、颜色
/p
/body
/html
设置字体的类型
1
字体的类型通过下面这段代码设置:
font-family : 微软雅黑,宋体, 'New York';
font-family翻译为中文是“字体家族”,就是告诉浏览器,优先使用哪一种字体,谁排在最前面,就先使用这种字体,这里是“微软雅黑”;
2
多种字体使用逗号间隔,字体名中带有空格或#、$的,需要加单引号或双引号。
3
如果操作系统中“微软雅黑”,XP系统中就没有这种字体,那么就会使用“宋体”,如果没有“宋体”,就会再使用系统中默认的字体,不过操作系统中一般都是有“宋体”的,而且,如果没有给网页设置字体类型,网页就会按照操作系统中默认的字体来显示。
END
设置字体的大小
1
字体大小通过下面这段代码设置:
font-size : 1em;
font-size 翻译为中文是“字体尺寸”,它的单位一般是px(像素)或em(字体高度)。
2
中国的许多网站的默认字体是12px,而且很多人使用的是IE浏览器,像IE6,用户是不能改变网页字体大小的,而现在主流的浏览器,只需要按住Ctrl后,滚动滑轮就可以放大缩小网页了。
3
单位em是一种相对的字体高度,一般的浏览器都默认为16px,需要注意的是,em会继承父元素的字体大小。
比如设置body字体大小为1em,p的字体大小为0.8em,那么换算为像素,p标签的实际单位是 1 * 0.8 * 16px = 12.8px。
不过,为了简化em和px的换算,一般设置body的font-size为62.5%,然后使用em设置其他标签的字体大小,这样,em换算为px只需要乘以10就行了,比如1em = 1 * 62.5% * 16px = 10 px
4
很多人都推荐使用em作为网页字体单位,有2点好处,不过我的实践告诉我,似乎并不太重要。
(1)当对IE6设置了字体更大或更小后,所有字体都可以按照比例放大缩小。不过,使用IE6的人越来越少了,现在主流的浏览器,按住Ctrl,滑动滑轮,就可以放大缩小了。
(2) 通过修改body的大小,就能按比例修改所有字体大小,因为body是其他字体的基准。这个一般是先设置body大小,然后设置其他标签大小,此时,若是修改了body的大小,其他标签的大小就会跟着变了。
END
设置字体颜色
设置字体的颜色通过下面的代码:
color : #f00;
color是颜色的意思,color用来设置一个标签的前景色,表现出来也就是元素文本的颜色。
它的值,一般都是使用#加16进制的颜色值来表示。
1、先给想要改字体样式的div加一个class或者id
2、用选择器找到中国div(.class或者#id)
2、在style标签里给这个div写css样式,
!doctype html
html
head
meta charset="UTF-8"
titleDIV+CSS怎么样改字体样式/title
style
.one{
font-family:"微软雅黑"; //把 font-family: "设置字体名称" 里的字体名称改成你需要
font-size:12px; //字体大小
color:red; //字体颜色
font-weight:normal; //加粗 normal默认值 bold粗体 数值100-900
}
/style
/head
body
div class="one"DIV+CSS怎么样改字体样式/div
/body
/html
扩展资料
br换行
bb标签设置加粗/b
ii标签设置斜体/i
uu设置下划线/u
h1最重要的标题H1/h1
h2次要栏目或标题-小标题H2/h2
h3再次要栏目或分类小标题H3/h3
h4文中分类小标题H4/h4
pre定义预格式化文本,空格和换行会保留,常常应用于表示计算机的源代码。/pre
CSS即使设置了其他字体,也要看别的电脑里有没有,一般系统自带有宋体,黑体等字体,但是如果你电脑上有好看的字体,可以显示,在别的电脑没有你的字体,就显示不了,所以一般只会设置系统自带的字体。
设置方法:
html
head
style type="text/css"
p.ziti{font-family:"Times New Roman",Georgia,Serif}
/style
/head
body
h1CSS font-family/h1
p class="ziti"要更改的字体内容/p
/body
/html
CSS定义可以是:font-family:sans-serif
也就是CSS用 p{font-family:"Times New Roman",Georgia,Serif}
为什么我这里设置了三个,分别用","隔开呢,因为不同版本的操作系统,对字体的支持不同解释如下:
例如微软雅黑不同操作系统不同版本需要如下设置:
Windows XP及以前版本的Windows
font-family: Arial, 宋体, sans-serif;
Windows Vista和Windows 7
font-family: 'Microsoft Yahei', sans-serif;
Sorry,英文就无法设置字体了,因为中文字体都包含了英文字体。好在雅黑显示英文还凑合。
Mac及其它操作系统
font-family: sans-serif;
系统自带中文字体编码:
宋体SimSun黑体SimHei微软雅黑Microsoft YaHei微软正黑体Microsoft JhengHei新宋体NSimSun新细明体PMingLiU细明体MingLiU标楷体DFKai-SB仿宋FangSong楷体KaiTi仿宋_GB2312FangSong_GB2312楷体_GB2312KaiTi_GB2312