CSS学习(三)

目录

[1. CSS引入方式](#1. CSS引入方式)

[1.1 三种样式表](#1.1 三种样式表)

[1.2 内部样式表(嵌入式引入)](#1.2 内部样式表(嵌入式引入))

[1.3 行内样式表(内联样式表)](#1.3 行内样式表(内联样式表))

[1.4 外部样式表](#1.4 外部样式表)

[1.5 总结](#1.5 总结)


1. CSS引入方式

1.1 三种样式表

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

写到html页面内部,是将所有CSS代码提取出来放在<style>里,方便控制整个页面的元素样式设置。<style>标签理论上可以放在HTML文档的任何地方,但我们一般放在<head>标签中。

代码结构清晰,但并没有使结构与样式完全分离。

1.3 行内样式表(内联样式表)

在元素标签的内部的style属性中设定CSS样式,适合于修改简单样式。

需要记得写**双引号,**可以控制当前标签的样式

1.4 外部样式表

将样式单独写到CSS文件中,之后再把文件引入到HTML页面中进行使用。适合样式较多的情况。

1.5 总结

相关推荐
少年白马醉春风丶2 小时前
任务分解的经典范式 · 和 ReAct「走一步看一步」到底差在哪
前端
是烨笙啊2 小时前
从 npm 与 Bun 的选择看 AI 时代的“最佳实践”焦虑
前端·人工智能·npm
lichenyang4532 小时前
从 Web 容器到本地 HAR:我做了一个 HarmonyOS JSBridge 运行时框架 Demo
前端
超神熊猫2 小时前
🧀🧀🧀前端仔如何快速上手python
前端·python
阿黎梨梨2 小时前
AI 推理太慢用户要退钱?前端流式输出(Stream)究竟是何方神圣?
前端·vue.js
只一2 小时前
从0到1吃透AI流式输出:Vue3+DeepSeek实战,解锁丝滑对话体验
前端·vue.js
JZC_xiaozhong2 小时前
OA调价审批后,采购调价单如何自动同步到ERP?解决漏录错价难题
大数据·linux·服务器·前端·数据库·数据孤岛解决方案·数据集成与应用集成
卷无止境2 小时前
Flet 完全教程:用纯 Python 构建跨平台应用
前端·python
Cobyte2 小时前
24.Vue Vapor 组件事件 emit 的实现
前端·javascript·vue.js
渣渣灰飞2 小时前
MySQL 系统学习 第五阶段:企业级 MySQL 实战开发 第一章:企业数据库设计规范
数据库·学习·mysql