当前位置: 首页 > news >正文

CSS基本概念以及CSS的多种引入方式

CSS基本概念

CSS是层叠样式表,又叫级联样式表,简称样式表。CSS的文件后缀为.css,CSS用于HTML文档中元素样式的定义。

CSS的基本语法

CSS的规则由2个主要的部分构成:选择器以及一条或者多条声明。

选测器通常是你血药改变样式的HTML元素。每条声明由一个属性和一个值组成。

   h3{font-size: 20px;}

CSS的多种引入方式 

内联样式

使用内联样式,你需要在相关的标签使用样式style属性,style属性可以包含任何CSS属性。

注意:此样式缺乏整体性和规划性,不利于维护,维护成本较高。

 <h3 style="font-size: 20px;">标题</h3>

内部样式

当单个文档需要特殊的样式时,应该使用内部样式表,你可以使用<style> </style>标签在文档的<head> 标签内定义内部样式表。

注意:单个页面的CSS代码具有统一性和规划性,便于维护,但时在多个页面之间容易混乱。

  <style>h3{font-size: 20px;}</style>

 外部样式

当样式需要应用于多个页面时,外部样式表将时理想的选择,在使用外部样式表的情况下,你可以通过改变一个文件来改变整个站点的外观。每个页面使用<link> 标签链接到样式表。<link>标签在文档的<head>标签内。

 

 <link rel="stylesheet" href="H5.css">

 href属性用于链接外部CSS文件。

http://www.lryc.cn/news/445175.html

相关文章:

  • TiDB 简单集群部署拓扑文件
  • 十三 系统架构设计(考点篇)
  • Java-数据结构-二叉树-习题(三)  ̄へ ̄
  • SpringBoot+Aop+注解方式 实现多数据源动态切换
  • 企业如何高效应对多类型知识产权事务的复杂挑战?
  • openeuler22.03 LTS 源码编译安装nginx1.22.1
  • 图片压缩工具免费怎么找?归纳了这几个压缩工具
  • 【Kubernetes知识点】解读HPA的 thrashing(抖动)问题
  • Unity 设计模式 之 结构型模式 -【装饰者模式】【外观模式】【享元模式】【代理模式】
  • Linux上Qt安装相关的内容及在QtCreator使用QChart模块需要的配置
  • lettuce引起的Redis command timeout异常
  • 【Hadoop】一、Hadoop入门:基础配置、集群配置、常用脚本
  • Ollama:本地运行大模型【含UI界面】
  • 【论文阅读】Grounding Language with Visual Affordances over Unstructured Data
  • 目标检测:滑块验证
  • Unreal Engine 5 C++: 编辑器工具编写入门01(中文解释)
  • 力扣上刷题之C语言实现-Day2
  • Visual Studio 2022 - QT 环境中文字符乱码问题
  • 获得ASPICE认证需要满足哪些条件?
  • 鸿蒙_异步详解
  • linux日志查询搜索view
  • 性能测试工具——JMeter
  • 1.《DevOps》系列K8S部署CICD流水线之部署K8S集群~version1.28.2
  • c/c++八股文
  • Docker配置代理解决pull超时问题
  • ECharts的特点
  • JVM OutOfMemoryError 与 StackOverflowError 异常
  • linux防火墙学习
  • Java面试篇基础部分- Java中的阻塞队列
  • Go语言并发编程之Channels详解