cssfon样式,CSS样式类型

使用css设置文本的字体通过什么属性

html的字体样式主要通过css的font-size以及font-family来定义的，标签详解如下：

font-size

指定字体大小，常用单位有em和px

font-family

指定使用的字体

常用的中文字体有微软雅黑和宋体，英文字体有Arial

可以同时指定多个字体，使用英文的逗号分隔，浏览器会按顺序查找，找不到就找下一个，全部没找到就使用系统默认的

字体用中文表示 则需要用双引号或者单引号分隔，英文字体一般不需要用引号，但是如果 有特殊字符的（如空格，反斜杠，#，$等）也需要使用引号

font-weight

字体粗细（bold相等于设置该属性的值为700，normal相等于设置该属性值为400–不用单位，建议使用数字因为解析会更快）

fon-style

normal（一般用于让斜体不倾斜，em标签有加重强调的语义 但是字体会倾斜，可以为em 标签设置 font-style 属性值为 normal 取消其倾斜的效果）

字体样式可以连写

即 所有的字体样式 使用一个语句，但是有一定的语法规则和顺序

选择器 { font : font-style font-weight font-size/line-height font-family; }

字体样式连写时需要注意：一定要按顺序写，可以有省略不写的样式但是一定要按顺序，而且font-size和font-family是不可以省略的，否则会不起作用

文本外观样式

color：字体颜色

预定义的颜色如green，red等

十六进制，顺序是红绿蓝，十六进制是最常用的颜色表示方式

#ff0000 表示红色，等同于#f00（缩写，必须是两两相同的才可以进行缩写）；#00f表示蓝色；#0f0表示绿色；#fff表示白色（所有的颜色都满格），#000000即#000表示黑色（所有的颜色都没有）

RGB代码：rgb(255,255,255)表示白色

文本修饰：text-decoration：none、underlined（比较常用，用于添加下划线和取消下划线）

line-hight：行间距，一般情况下，行间距只需要比字体大小大7或8个像素就可以了

text-align：文本内容的水平对齐方式

text-indent：段落首行缩进，单位使用em，1em就是一个字，所以该样式值为2em 表示 段落首行缩进两个字符

相关问答

Q1: css格式问题

.s1{font-family:Arial}

.s2{font-family:Courier}

.s3{font-family:Verdana}

这是样式类型 就如下面的

#s{font-family:Courier} 用法： p id="s"/p

table{color:#ccc} 用法： tabletrtd/td/tr/table 作用与页面所有 table标签

去找些CSS 文档 学学看看吧 。不难的

Q2: css弄得页面，怎么把中文换成另外的字体？

可以换 {font-family:"你指定的字体"}

但是如果别人没有装你所指定的字体的话，还是会以系统默认字体显示

所以，要是换成一些很特殊的字体的话就没有必要了

Q3: canvas中的fon继承CSS的font属性吗？请教html5大侠

font可以设置文本样式，粗细，大小，字体，不继承CSS的font属性。你可以多看看这方面的视频，比如说“HTML5 矢量绘图新功能- Canvas 基本用法”

Q4: JS + CSS 显示问题

直接从数据库提取的话，你判断一下就可以了，使用不同的样式

页面定义好样式，使用class就可以了

style

.top_1 {width:240px;height:40px;background-image:url(图片地址);background-repeat:no-repeat;br/fonct-size:14px;border:#666 1px solid;background-color:#ccc;padding-left:40px;br/padding-top:10px}

.top_2 {background-image:url(图片地址);background-repeat:no-repeat;}

.top_3 {background-image:url(图片地址);background-repeat:no-repeat;}

.top_4 {background-image:url(图片地址);background-repeat:no-repeat;}

ul {list-style:none;padding:0px;margin:0px}

li {font-size:12px;padding-left:10px;list-style:none;}

/style

div id=topbox

div class='top_1'记录1/div

div id="oTopBox"

li class=top_2记录2/li

li class=top_3记录3/li

li class=top_other记录4/li

/div

/div

新浪是序号图片是一个，所以只需定义三个样式，第一个直接用，第二、三个一个样式，其他是一个样式

JS改变从第二到第10个序号图片。

var obj = document.getElementById("oTopBox") //使用确定对象范围

var oItem = obj.getElementsByTagName("li") //返回一个数组

for (i=0;ioItem.length,i++)

{

switch (i)

{

// 在这里设置每个LI的背景，因为图片中每个序号的位置是固定的，只要设置background-position就可以了

case 1: oItem[i].style.backgroundPosition= "-528px -35px"; break;

case 2: ......

}

//如果图片放置位置有规律，新浪好像是在一列，这样左边距相同，提取高度就可以了，直接设置

oItem[i].style.backgroundPosition = "40px"+ i*20 +"px"; //这里的20好比是序号的高度

}

如果你不想在一个图里放需要，那就多定义样式，这样就不需要脚本了。

Q5: .baidu{font-size:14px;line-height:1.5;}a{color:#0000cc;} a.t{color: #006633;fon

style type=text/css

.baidu{font-size:14px;line-height:1.5;}

a{color:#0000cc;}

/style

这种格式的Css是内联式的，写在网页htm代码head/head之间，

给你解释下：

.baidu{font-size:14px;line-height:1.5;}

这句的意思是定义一个名字为baidu的css样式，它的字号是14px，行距是1.5倍，比如span class=baidu文字内容.../span，其中的“文字内容...”就应用了这个样式。

a{color:#0000cc;}

这句定义了这个网页中所有的超级链接的默认颜色为#0000cc