css修改字体样式,css字体设置

DIV+CSS怎么样改字体样式

1、先给想要改字体样式的div加一个class或者id

创新互联公司10多年企业网站建设服务;为您提供网站建设,网站制作,网页设计及高端网站定制服务,企业网站建设及推广,对成都小搅拌车等多个行业拥有多年建站经验的网站建设公司。

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如何改变元素的字体

设计网页时，一般设置body的字体，让其他标签继承body的字体，这样设置特别方便，但是标题标签h1到h6和表单标签(input类型)是没有继承body的字体属性的，它们的字体需要单独设置。

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进制的颜色值来表示。

css怎么设置漂亮的中文字体样式

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

CSS如何设置文字字体

如果你想你网站上的文字看起来更加不一样，就必须要给网页中的标题、段落和其他页面元素应用不同的字体。你可以用font-family属性在CSS样式里设置字体，如： font-family:Arial; 但是设置的这种字体，你电脑上必须装有该字体，否则将按原字体样式显示。当然，也可以写上多种字体，当对方浏览你的网站，没有安装第一种字体时，浏览器就会在列表中继续往上搜寻，直到找到有适合的字 体为止，像这样： font-family:Arial,Helvetica,sans-serif; 在上例中，Web浏览器会先看看是否安装了Arial字体。如果安装了，那么就用Arial字体显示；如果没有安装，浏览器就会继续寻找Helvetica字体；如果还是没有找到，最后它就会指定一种通用的字体--sans-serif。如果字体的名称中包含多个单词时，则必须用双引号（“”）将它们括起来，如： font-family:"Times New Roman",Times,serif; 以下就介绍几种常用的font-family字体类型组合，每一列的最后都包含一种通用的字体。 1、Serif字体：最适用于冗长的文字信息，因为读者都会觉得这种字体使字母主笔划的结尾处会有一些细小的“足”，能够比较有效地引导人们的视线从一个字母一到到下一个字母，阅读起来感觉更加轻松。serif字体包括：Times，Times New Roman、Georgia。 2、Sans-serif字体：它看起来干净而简洁，所有经常被用在标题上。Sans-serif字体包括：Arial、Helvetica、Verdana和Formata。 3、Monospaced字体：它经常用于显示计算机代码，它每个字母都是等宽的。