对 CSS 的初步了解 —— 什么是CSS

什么是 CSS?

  1. CSS 指层叠样式表 (Cascading Style Sheets)

  2. 样式定义如何显示 HTML 元素

  3. 样式通常存储在样式表

  4. 把样式添加到 HTML 4.0 中,是为了**解决内容与表现分离的问题

    **

  5. 外部样式表可以极大提高工作效率

  6. 外部样式表通常存储在 CSS 文件

  7. 多个样式定义可层叠为一

CSS与HTML结合的方式

  1. 内联样式
  2. 内部样式
  3. 外部样式

内联样式

在标签内使用style属性指定css代码。

举例如:

img

Google浏览器中查看:

img

内部样式

在head标签内,定义style标签,style标签的标签体内容就是css代码。

举例如:

img

Google浏览器中查看:

img

外部样式

步骤:

  1. 定义css资源文件。
  2. 在head标签内,定义link标签,引入外部的资源文件。

举例如:

1、定义css资源文件

img

2、在head标签内,定义link标签,引入外部的资源文件。

img

或者:

img

Google浏览器中打开,查看效果:

img

三种方式的作用范围:内联样式 < 内部样式 < 外部样式

posted @   LeeHua  阅读(498)  评论(0编辑  收藏  举报
编辑推荐:
· AI与.NET技术实操系列:向量存储与相似性搜索在 .NET 中的实现
· 基于Microsoft.Extensions.AI核心库实现RAG应用
· Linux系列:如何用heaptrack跟踪.NET程序的非托管内存泄露
· 开发者必知的日志记录最佳实践
· SQL Server 2025 AI相关能力初探
阅读排行:
· 震惊!C++程序真的从main开始吗?99%的程序员都答错了
· winform 绘制太阳,地球,月球 运作规律
· 【硬核科普】Trae如何「偷看」你的代码?零基础破解AI编程运行原理
· 超详细:普通电脑也行Windows部署deepseek R1训练数据并当服务器共享给他人
· 上周热点回顾(3.3-3.9)
点击右上角即可分享
微信分享提示

目录导航