首页 > 其他分享 >css的引入方式,三种CSS引入方式合计

css的引入方式,三种CSS引入方式合计

时间:2022-08-30 18:36:47浏览次数:50  
标签:行内 样式 标签 CSS 引入 css 样式表

CSS三种引入方式

  • 希望大家能够持续关注、点赞以及评论我的网站,以及我的证明网站,一起交流更多的IT技术!!!医院证明大全(1234篇病历诊断证明图片模板)-我要证明网(http://www.chiniurou.com)
  • 内部样式表(嵌入式引入)
  • 行内样式表(行内式引入)
  • 外部样式表(链接式引入)
  • 步骤:

按照CSS样式书写的位置(或者引入的方式),CSS样式分为三大类。

 

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

<style>
	div {
		color: red;
		font-size: 15px;
	}
</style>

  

行内样式表(行内式引入)

行内样式表(内联样式表)是在元素标签内部设置元素的样式。

<p style=“ color:red; font-size:20px”>我要证明网</p>

  

  • 可以设置当前标签的样式

  • style为标签的属性

  • 在双引号中间写,写法符合CSS规范

  • 不常用,没有结构与样式分离。用于修改样式比较少的情况

外部样式表(链接式引入)

在实际的开发种都用于外部样式表。适合样式较多的情况。样式单独的写到CSS文件中,之后把CSS文件引入到HTML中使用。

步骤:

  1. 首先创建一个.css的文件,把所有的样式代码放入此文件中。

  2. 在HTML中标签中title下面使用标签引入这个文件

<link rel="stylesheet" href="CSS文件路径">

  

属性作用
rel 定义当前文档与被链接文档之间的关系,在这里使用”stylesheet”,表示被链接的文档是一个样式表文件。
href 定义所链接外部样式表的文件地址。

标签:行内,样式,标签,CSS,引入,css,样式表
From: https://www.cnblogs.com/bkycnd/p/16640421.html

相关文章

  • css的布局方式,常见的CSS布局类型
    常见的单列布局有两种:header,content和footer等宽的单列布局header与footer等宽,content略窄的单列布局实现第一种方式很简单,可以将header,content,footer......
  • 输入范围 CSS 选择器
    输入范围CSS选择器在本文中,我们将学习一个大多数开发人员都不知道的CSS选择器输入范围的CSS选择器这里的输入范围是指一个普通的html输入字段,属性type=number,即......
  • CSS 伪类:
    CSS伪类:伪类用于定义元素的特殊状态。例如,它可以用于:当用户将鼠标悬停在元素上时设置元素的样式。样式访问和未访问的链接不同。当元素获得焦点时为其设置样式。......
  • 学习 Tailwind CSS 的先决条件
    学习TailwindCSS的先决条件在本文中,我们将介绍您在开始之前需要了解的最低CSS知识顺风CSS.我假设你已经知道HTML基础.但如果你不这样做,我已经写了一个博客系列......
  • CSS 基础 - 结构
    CSS基础-结构记得我在我的文章中提到的HTML基础-结构最高级的结构将由CSS处理的文章?嗯,就是这样。Photoby设计公司on不飞溅正如我之前提到的,HTML的't......
  • 如何使用CSS伪类选择器
    总览CSS选择器允许你通过类型、属性、位于HTML文档中的位置来选择元素。本教程阐述了三个新选项:is()、:where()和:has()。选择器通常在样式表中使用。下面的示例会找......
  • css——复选框汉字不对齐
    1.复选框汉字不对齐<inputtype="checkbox"v-model="isAll"/><span>全选</span>2.input、span加上vertical-align:middle;属性input{vertical-alig......
  • 推荐几个不错的 CSS 工具,持续收录!
    原文链接:推荐几个不错的CSS工具,持续收录!NeumorphismNeumorphism是一个很棒的工具,可以根据你的喜好选择颜色、编辑大小、半径、距离等为你的设计生成UICSS代码......
  • css盒子 box-sizing 设置
    content-box默认值。如果你设置一个元素的宽为100px,那么这个元素的内容区会有100px宽,并且任何边框和内边距的宽度都会被增加到最后绘制出来的元素宽度中。border-box......
  • CSS选择器优先级顺序
    css的选择器有很多种,那么,自然而然的就会有优先级这一概念出现,所以,css选择器优先级顺序是怎样的呢?本篇文章将来给大家介绍css选择器优先级的排序,话不多说,我们来直接看正文......