css层叠样式表-CSS三种样式表(内部样式表、内联样式表、外部样式表)

当我们使用HTML来制作网页时,我们是否觉得它不够好? 这时候我们就需要css的帮助了! css - 也称为层叠样式表,简单来说,它是用来修改你的html代码,给你的网页披上一层好看的外衣。 从CSS样式代码插入方式来看,基本上可以分为以下三种:内联、嵌入和外部。 首先看内联样式:内联样式就是直接在已有的HTML标签中编写css代码css层叠样式表,如下:```2. 在style.css文件中设置一些样式: ```css/* 设置body的背景色为红色*/body {background-color:white;}/* 设置h1元素的字体大小为30像素css层叠样式表,颜色为白色*/h1 {font-size: 30px;color: blue;}/* 设置元素的字体颜色为红色*/a {color: green;} ```3. 在HTML文档的head标签中添加内部样式表,并设置一些样式:``html````4. 在 HTML 文档中,使用内联样式设置样式:```html

这是一个使用内联样式的段落。

````实验总结:通过本次实验,我们学习了样式表的基本句型和应用方法,掌握了CSS在网页中的应用。 在网页开发中,使用样式表可以方便地设置网页的外观和布局,提高网页的可读性和美观性。