从零开始的Web前端高级开发学习3 / CSS入门1 / 如何引入CSS & 常见样式 & 背景 & 图片

本文介绍了CSS的基本概念,包括如何引入CSS(内部样式表、外部样式表、内联样式表),以及常见样式的背景和图片操作。讲解了如何设置背景色、背景图,包括颜色表示方式、背景图大小、重复与位置调整,并对比了图片和背景图的区别。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

CSS

层叠样式表 (Cascading Style Sheets,缩写为 CSS),是一种样式表语言,用来描述 HTML 或 XML(包括如 SVG、MathML、XHTML 之类的 XML 分支语言)文档的呈现。

CSS(层叠样式表)用于设置和布置网页 - 例如,更改内容的字体,颜色,大小和间距,将其拆分为多个列,或添加动画和其他装饰功能。这个模块为你掌握 CSS 的过程提供了一个温和的开端,包括它如何工作的基础知识,语法是什么样的,以及如何开始使用它来为 HTML 添加样式。

一个网页好不好看,CSS起到了关键性的作用。

CSS基础 思维导图

如何引入CSS

CSS引入方式分为 内部样式表,外部样式表,内联样式表

内部样式表 在 head 元素里使用 style 来进行直接引入 CSS 的方式叫作内部样式表(顺序依照先后顺序)。

外部样式表 通过使用 CSS link 来引入以 .css 为后缀的文件的方式叫作外部样式表。

内联样式表 style 写在标签内部的方式叫作内联样式表 具有最高优先级

CSS引入方式练习

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值