引入css的四种方式

简介: 引入css的四种方式

内联样式



<!DOCTYPE>
<html>
<head>
  <meta charset="utf-8" />
  <title>内联样式</title>
</head>
<body>
     <!--使用内联样式引入CSS-->
     <h3 style="color:red;">Holle</h3>
     <p style="color:red;font-size:30px;">我是p标签</p>
</body>
</html>


内部样式



<head>
   <style type="text/css">
      h3{
            color:red;
         }
   </style>
</head>


外部引入方式



1.链接式


<link type="text/css" rel="styleSheet"  href="CSS文件路径" />


2.导入式


<style type="text/css">
  @import url("css文件路径");
</style>


相关文章
|
前端开发 JavaScript 异构计算
CSS隐藏元素的几种方式
CSS隐藏元素的几种方式
196 0
|
前端开发 容器
我已经说了5种css居中实现的方式了,面试官竟然说还不够?
这是一篇关于居中对齐方式的总结 开篇之前,先问一下大家都知道几种居中的实现方式? 面试时答出来两三个就不错了,就怕面试官还让你继续说。今天就来总结一下这些居中的方式 使用flex布局设置居中。 使用flex 时也能通过给子项设置margin: auto实现居中。 使用绝对定位的方式实现水平垂直居中。 使用grid设置居中。 使用grid时还能通过给子项设置margin: auto实现居中。 使用tabel-cell实现垂直居中。 还有一种不常用的方法实现垂直居中。 最后还有一种奇葩的方法。容器设置position: relative。孩子设置 top、left、bottom、right都设
131 0
我已经说了5种css居中实现的方式了,面试官竟然说还不够?
|
前端开发 容器
CSS布局的三种方式
CSS布局的三种方式:1.绝对定位 2.相对定位 3.浮动
96 0
CSS布局的三种方式
|
前端开发
【前端】【样式】CSS居中的三种方式
【前端】【样式】CSS居中的三种方式
63 1
|
前端开发 UED
CSS盒子模型隐藏的几种方式
CSS盒子模型隐藏的几种方式
139 0
CSS盒子模型隐藏的几种方式
|
前端开发 JavaScript 开发者
CSS 样式加载方式| 学习笔记
快速学习 CSS 样式加载方式。
102 0
CSS 样式加载方式| 学习笔记
|
前端开发
CSS 学习4.四种css导入方式
CSS 学习4.四种css导入方式
CSS 学习4.四种css导入方式
|
前端开发
CSS的选择器,css样式引入方式,css字体和文本属性(外观属性)
CSS的选择器,css样式引入方式,css字体和文本属性(外观属性)
118 0
CSS的选择器,css样式引入方式,css字体和文本属性(外观属性)
|
前端开发
Html 之使用CSS样式的方式
Html 之使用CSS样式的方式
71 0
Html 之使用CSS样式的方式
|
前端开发
css中定位和背景的基本使用方式
通过本章认识css中定位和背景的基本使用方式。
107 0