本节我们要学习一下 CSS 样式的几种形式，在实际应用中向 HTML 中引入 CSS 样式的方法有三种，分别是行内样式、内部样式、外部样式。我们会依次学习这三种方式的优缺点以及应用场景，本节我们先来讲一下行内样式。
什么是行内样式
行内样式，其实从它的名字就可以看出来它的特点，就是直接在 HTML 标签中使用 style 属性设置 CSS 样式。例如像下面这样的：
2024年10月22日
本节我们要学习一下 CSS 样式的几种形式，在实际应用中向 HTML 中引入 CSS 样式的方法有三种，分别是行内样式、内部样式、外部样式。我们会依次学习这三种方式的优缺点以及应用场景，本节我们先来讲一下行内样式。
行内样式，其实从它的名字就可以看出来它的特点，就是直接在 HTML 标签中使用 style 属性设置 CSS 样式。例如像下面这样的：
2024年10月22日
CSS全称为 Cascading Style Sheets,译为层叠样式表。CSS有三种样式：内联样式，内嵌样式，外联样式。
2024年10月22日
如何使用CSS
CSS 是在 HTML 4 开始使用的,是为了更好的渲染HTML元素而引入的.
CSS 可以通过以下方式添加到HTML中:
· 内联样式- 在HTML元素中使用"style" 属性
· 内部样式表 -在HTML文档头部 <head> 区域使用<style> 元素 来包含CSS
· 外部引用 - 使用外部 CSS
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属性指定文本的字体样式。