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

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.kler.cn/news/319173.html

相关文章:

  • Python模拟真人鼠标轨迹算法
  • 使用umy-ui 优化带有大量输入框、下拉框的ElementUI el-table
  • Leetcode 1472. 设计浏览器历史记录
  • 开源音频处理项目推荐【持续更新】
  • 《C++设计新思维-泛型编程与设计模式之应用》阅读记录
  • DY按图搜索商品API:解锁电商新趋势
  • LeetCode 257. 二叉树的所有路径,dfs
  • 29. RabbitMQ队列模型
  • 多用户自定义商城小程序源码系统 独立部署 到源代码包以及搭建部署教程
  • 根据源码解析Vue2中对于对象的变化侦测
  • 搭建HAproxy----7层负载均衡集群
  • FDA辅料数据库在线免费查询-药用辅料
  • 灵当CRM multipleUpload.php 文件上传致RCE漏洞复现
  • 双11好物推荐有哪些?五大双十一好货推荐!
  • PHP如何从字符串中删除转义字符
  • 抽奖拼团卷轴模式系统开发小程序源代码解析
  • Flask 第十二课 -- 错误处理
  • 下水道内缺陷识别检测数据集 yolo数据集 共2300张
  • LeetCode2207解题思路
  • 双十一买什么好?五款数码好物推荐!
  • 毕业设计选题:基于ssm+vue+uniapp的面向企事业单位的项目申报小程序
  • 1.3 MySql的用户管理
  • 电脑如何录屏?无水印、高清晰度电脑录屏教程
  • 『功能项目』QFrameWork道具栏物品生成【64】
  • thinkphp8 从入门到放弃(后面会完善用到哪里写到哪)
  • C#图像爬虫实战:从Walmart网站下载图片
  • python常见的魔术方法
  • 对FPGA加载过程中不同寄存器初始化方式现象的分析
  • 基于PHP的CRM管理系统源码/客户关系管理CRM系统源码/php源码/附安装教程
  • 免费分享必看!AI合规常见问题解答(二)