CSS如何设置文字字体

html-css06

CSS如何设置文字字体,第1张

如果你想你网站上的文字看起来更加不一样，就必须要给网页中的标题、段落和其他页面元素应用不同的字体。你可以用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字体：它经常用于显示计算机代码，它每个字母都是等宽的。

<link href="style.css" rel="stylesheet" type="text/css">其中style.css是你外部css文件名2.写在html页面的<head></head>里面<style type="text/css">*{font-size:10px} //通配符是用于定义网页所有标签的样式body{font-size:10px} // 这个样式是用于定义body中的标签样式//在html中,一般以上两种定义字体大小的方法都可以,*定义的范围会比较广一点, 你会发现很多网页有这么一行代码*{margin:0padding:0} //这个是用于更改ie的3像素bug</style>3.二楼给的写法<body style="font-size:12px">也是定义标签样式的一种方法,一般没学过css的初学者这样定义样式是比较方便的,但这样写管理起来很麻烦,代码冗杂,又长又臭,特别是代码多了以后,想修改就更麻烦了,而且代码也不美观,还可能会影响浏览速度....所以还是建议使用上面两种比较好,熟练以后就用第一种4.其实还有很多定义样式的方法,网上找找资料,慢慢学习,不难的你说的控制多层嵌套的表格,其实你可以给你要控制的单元格加个id或者class,然后把他们的样式写进css里面我简单写一下,嵌套就不写了,最讨厌表格了,实在是太麻烦了<tr><td class="type01">文字是红色的,14px</td>//class定义的样式可以多次用<td id="type01">文字是黑色的,11px</td>//id定义的样式只对一个标签有用</tr><tr class="type01">//用了上面的class样式<td>这里面的文字是红色的,14px</td></tr>在样式表中这样写他们的样式①.type01{ color:#FF0font-size:14px} //class="type01"的标签#.type01{color:#000font-size:11px} //id="type01"的标签// 写进css文件里面②<style type="text/css">