CSS属性值 字体与文本
网页设计中有很多的文字要去处理，标题、段落、文章、列表以及表单中的文本。这一篇章我们讨论一下HTML中的字体与文本
字体
首先要有一个认识字体和文本不是一个东西哦。字体是不同的文本体式或者可以说是字的形体结构。对于英文来说有很多种不同的样式包括字母、数字和符号组成的。
2024年10月22日
CSS属性值 字体与文本
网页设计中有很多的文字要去处理，标题、段落、文章、列表以及表单中的文本。这一篇章我们讨论一下HTML中的字体与文本
字体
首先要有一个认识字体和文本不是一个东西哦。字体是不同的文本体式或者可以说是字的形体结构。对于英文来说有很多种不同的样式包括字母、数字和符号组成的。
2024年10月22日
实例
设置不同的HTML元素的字体大小：
h1 {font-size:250%}
h2 {font-size:200%}
p {font-size:100%}
属性定义及使用说明
font-size属性设置字体大小。
| 默认值： | medium |
|---|---|
2024年10月22日
上午讲了CSS字体属性的粗细，下午来说下字体样式。CSS使用font-style属性设置文本的风格。来看下语法:
2024年10月22日
行高 line-height
我们在网上找一点新闻复制到div中，然后把它的行高设置为100像素，在浏览器中显示效果如下：
如果不设置行高，会出现下面效果
文本对齐方式 text-align
它包括靠左对齐、居中、靠右对齐三种方式
默认靠左对齐
居中
2024年10月22日
背景定位
background-position 属性定义背景定位。
让body背景图垂直居中显示。
body{
background-image: url(../img/flower.jpg);
background-repeat:no-repeat;
background-attachment: fixed;
background-position: center;
2024年10月22日
实例
三个段落设置不同的字体样式：
p.normal {font-style:normal}
p.italic {font-style:italic}
p.oblique {font-style:oblique}
属性定义及使用说明
font-style属性指定文本的字体样式。
2024年10月22日
css是一种用来为Html文档添加样式（字体、间距、位置、颜色、角度等显示效果）的计算机语言。学习网站W3school。
css的引用样式:
一:style标签（内联样式）
通过在head标签中间新建一个style标签，该标签内部存放的就是网页文件中的css代码。
二：外部引用css文件（外联样式）
2024年10月22日
CSS3 @font-face 规则
以前CSS3的版本，网页设计师不得不使用用户计算机上已经安装的字体。
使用CSS3，网页设计师可以使用他/她喜欢的任何字体。
当你发现您要使用的字体文件时，只需简单的将字体文件包含在网站中，它会自动下载给需要的用户。
您所选择的字体在新的CSS3版本有关于@font-face规则描述。
您"自己的"的字体是在 CSS3 @font-face 规则中定义的。
2024年10月22日
1、使用CSS属性指定和改变字体外观，常见的属性有：
font-style: italic; 定义字体的风格
font-weight: bold; 定义字体粗细
font-size: 20px; 定义字体大小
line-height: 30px; 定义一段文字的行高
还可以使用简写形式，把所有属性值放到font属性中，如：