CSS的三种引入方式与JS的三种引入方式

最新推荐文章于 2024-08-03 08:45:00 发布

无敌的牛马小子

最新推荐文章于 2024-08-03 08:45:00 发布

阅读量1.1k

点赞数

文章标签： css 前端

本文链接：https://blog.csdn.net/2201_75631888/article/details/128401792

版权

本文介绍了前端三剑客中的CSS和JS的三种引入方式。对于CSS，包括行内样式（直接在HTML标签内定义）、内部样式（在HTML head部分使用<style>标签）和外联样式（创建独立的.css文件并链接）。通过这些方式，可以实现对HTML页面的样式控制和功能增强。

摘要由CSDN通过智能技术生成

CSS的三种引入方式

前端三剑客分为html，css，js，

html作为骨架，楼体是观看者看到的第一元素，而css和js是美化并增加功能的肉体羽毛或者楼体工装，肉体羽毛需要安装到骨架上，才能使整体完美，所以三剑客之间需要一个连接，就是我要说的css和js的引入。

css和js的引入方式都是有3种：这次讲一讲css的

css

行内样式

简而言之就是写在html行内部的样式，写在html的标签内部

css的样式标签为style，英译汉直译为“样式”

可以通过css修改html的样式，从而为骨架增加肉体
例：可以修改标签的颜色，位置，大小，鼠标悬停样式，插入图片或音频

  这是一个普通的HTML，设立了一个h1标签：
  <body>
    <h1>123</h1>
  </body>
  增加内部样式后：
    <body>
    <h1 style="color: aqua">123</h1>
  </body>
  
  ------style="color: aqua"就是为h1标签修改了他的字体颜色