HTML学习笔记三：CSS样式

CSS样式
用于渲染HTML元素标签的样式

[h1]如何使用CSS[/h1]CSS 可以通过以下方式添加到HTML中:

内联样式- 在HTML元素中使用"style" 属性
内部样式表 -在HTML文档头部区域使用元素来包含CSS
外部引用 - 使用外部 CSS 文件

最好的方式是通过外部引用CSS文件

内联样式

需求：将文字“我想把这句话设置成粉红色”
方法：
      1、在body标签中添加div标签
      2、在在div标签中添加style属性
      3、在style属性中添加color元素

最终显示效果如下：

内部样式表：

需求：将一段文字通过css样式设置成粉红色
方法：
   1、在head标签中添加style属性
   2、在body标签中添加div标签
   3、在div标签中添加id用于浏览器识别，id必须以英文字母开头。
   4、在style属性中给指定id添加color元素

最终显示结果如下：

外部引用
需求：
1、在一个名称为123的css文件中为123.html设置样式
2、将文字“我想把这句话设置成粉红色，30像素”
操作方法：
1、在head中使用link标签关联名称为123.css的文件
2、使用div给需要修改样式的文字添加一个id

3、打开123.css在里面输入需要修改样式的id
4、在id的{ }中输入修改的属性

最终结果如下：