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 总结

相关推荐
小江的记录本13 小时前
【Redis】Redis常用命令速查表(完整版)
java·前端·数据库·redis·后端·spring·缓存
无聊大侠hello world13 小时前
黑马大模型 RAG 与 Agent 实战学习笔记
笔记·学习
2501_9181269113 小时前
学习所有python写服务器的语句
服务器·人工智能·python·学习·个人开发
Csvn13 小时前
状态管理方案对比(Context、Zustand、Jotai 选型指南)
前端
snow_yan13 小时前
基于 json-render 的流式表单渲染方案
前端·react.js·llm
承渊政道13 小时前
【优选算法】(实战感悟二分查找算法的思想原理)
c++·笔记·学习·算法·leetcode·visual studio code
Accerlator13 小时前
操作系统学习
学习
wobi_baoyan13 小时前
【已解决】使用Maven打包发生或者启动Spring Boot项目发生 错误: 不支持发行版本 17
服务器·前端·javascript
Dylan~~~13 小时前
Go语言Web框架选型指南:从入门到精通
开发语言·前端·golang
学以智用13 小时前
# TypeScript 高级特性(核心+实用)
前端·javascript·typescript