CSS设置全局字体

html-css016

CSS设置全局字体,第1张

1、我们选择将我们的样式全部建到一个CSS文档中,通过调用CSS文件来加载样式。

2、在头部调用CSS文件样式。

3、对于CSS,我们最常用的是通过class或是标签名来控制样式。

4、我们控制字体样式使用的font。

5、比如我们要设置字体的大小,那么我们可以使用font-size,来进行设置。

6、如果我们需要设置字体样式,那么我们可以使用font-family。

7、如果我们需要给字体加粗,那么我们可以使用font-weight。

8、在设置字体过程中,除了font常用外,其次比较常用的就是text了,我们可以利用text,设置字体的一些其他样式,比如text-align可以设置文字的对齐方式。

9、而text-decoration可以清理或是设置不同样式的下划线。我这里利用text-decoration:none去掉了下划线。

10、如果您定义的容器比文字的宽度小,那么可以设置overflow:hidden,当溢出后,便会自动隐藏其溢出的内容。

11、font-style可以设置字体的样式。

你的css是写在哪儿的?

1.写在外链的css文件中,则记得在<head></head>里面添加外链代码

<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">

.type01{ color:#FF0font-size:14px} //class="type01"的标签

#type01{ color:#000font-size:11px} //id="type01"的标签

</style>

③可以不用定义样式的id,class,直接在标签中写样式,比较麻烦,简写

<tr>

<td style=" color:#FF0font-size:14px">文字是红色的,14px</td>

<td style=" color:#000font-size:11px">文字是黑色的,11px</td>

</tr>

不多说了,再说,就像臭婆娘的袜子了,又长又臭

CSS字体用法,首先我们需要去下载你所要用的字体,网页的话建议你最好还是使用大家都有的字体,如宋体等等,然后,我们在通过css的font-family:"字体名字",来设置就好了,这里通过代码来理解下:

<html>

<head>

<style>

.wenzi{

width:200px

height:100px

border:1px solid #f00

font-family:"宋体" //这是只是举例,字体你可以自行去设定

}

</head>

<body>

<div class='wenzi'>

<p>我的数据</p>

</div>

</body>

</html>