CSS学习(三)

目录

1. CSS引入方式

1.1 三种样式表

1.2 内部样式表(嵌入式引入)

1.3 行内样式表(内联样式表)

1.4 外部样式表

1.5 总结


1. CSS引入方式

1.1 三种样式表

1.2 内部样式表(嵌入式引入)

写到html页面内部,是将所有CSS代码提取出来放在<style>里,方便控制整个页面的元素样式设置。<style>标签理论上可以放在HTML文档的任何地方,但我们一般放在<head>标签中。

代码结构清晰,但并没有使结构与样式完全分离。

1.3 行内样式表(内联样式表)

在元素标签的内部的style属性中设定CSS样式,适合于修改简单样式。

需要记得写双引号,可以控制当前标签的样式

1.4 外部样式表

将样式单独写到CSS文件中,之后再把文件引入到HTML页面中进行使用。适合样式较多的情况。

1.5 总结

相关推荐

  1. 前端小白的学习之路(CSS3 )

    2024-02-20 13:28:05       28 阅读
  2. <span style='color:red;'>CSS</span><span style='color:red;'>学习</span>

    CSS学习

    2024-02-20 13:28:05      31 阅读
  3. CSS学习

    2024-02-20 13:28:05       29 阅读
  4. CSS学习

    2024-02-20 13:28:05       17 阅读
  5. CSS学习

    2024-02-20 13:28:05       19 阅读
  6. <span style='color:red;'>CSS</span><span style='color:red;'>学习</span>

    CSS学习

    2024-02-20 13:28:05      17 阅读

最近更新

  1. TCP协议是安全的吗?

    2024-02-20 13:28:05       18 阅读
  2. 阿里云服务器执行yum,一直下载docker-ce-stable失败

    2024-02-20 13:28:05       19 阅读
  3. 【Python教程】压缩PDF文件大小

    2024-02-20 13:28:05       19 阅读
  4. 通过文章id递归查询所有评论(xml)

    2024-02-20 13:28:05       20 阅读

热门阅读

  1. Spring学习笔记(四)AOP介绍

    2024-02-20 13:28:05       21 阅读
  2. CSS常用技巧

    2024-02-20 13:28:05       31 阅读
  3. C++BST(二叉搜索树)应用场景

    2024-02-20 13:28:05       29 阅读
  4. Codeforces Round 928 (Div. 4) (A-E)

    2024-02-20 13:28:05       32 阅读
  5. com.google.android.material.tabs.TabLayout

    2024-02-20 13:28:05       28 阅读
  6. AI人工智能,VR虚拟现实与《黑客帝国》

    2024-02-20 13:28:05       33 阅读
  7. SpringBoot 打成jar包后如何获取jar包Resouces下的文件

    2024-02-20 13:28:05       26 阅读
  8. 使用Hutool的ExcelUtil工具导出Excel时遇到的异常

    2024-02-20 13:28:05       31 阅读
  9. nodename nor servname provided, or not known

    2024-02-20 13:28:05       30 阅读
  10. Python实用代码片段(二)

    2024-02-20 13:28:05       35 阅读