Javaweb的学习19_CSS概念+css与html的结合方式

CSS

CSS:页面美化和布局控制

1. 概念:Cascading Style Sheets 层叠样式表

层叠:多个样式可以作用在同一个html的元素(标签)上,同时生效

2. 好处:

1.功能强大
2.将内容展示(HTML)和样式控制(CSS)分离

*降低耦合度。解耦

*让分工协作更容易

*提高开发效率

3. CSS的使用:CSS与html结合方式

1. 内联样式(不推荐使用)(只能在当前标签内生效)

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

2. 内部样式(只能在当前页面上生效)

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

3. 外部样式(所有页面均生效)
1. 定义css资源文件

注意:

1,2,3种方式 css作用范围越来越大

1方式不常用,后期常用2,3

其中,第3种方式中,引入外部css资源文件,

复制代码
                          <link rel="stylesheet" href=" ">

(快捷:link+Tab键)

还有一种不常用的写法:

相关推荐
晓得迷路了18 分钟前
栗子前端技术周刊第 153 期 - Vitest 5.1、Remix v3.2、Node.js 27 Alpha...
前端·javascript·vite
Moment42 分钟前
Harness Engineering 为什么是 AI Coding 的工程底座 ❓❓❓
前端·后端·面试
风骏时光牛马1 小时前
生成一个AI面试复盘标题,只需要一个标题,不需要其他的任何文本。
前端
红尘散仙10 小时前
谁说终端只能敲键盘?我用 Rust 给小说阅读器加上了鼠标
前端·后端·rust
陈随易11 小时前
C++26 草案被否,二十八年来头一回
前端·后端·程序员
ZhengEnCi11 小时前
Agent 工具怎么折叠海量输出才「爽」:Trae、Claude Code 的渐进式披露设计原理
前端·agent
IT_陈寒15 小时前
Redis内存暴涨,没想到是AOF重写捣的鬼
前端·人工智能·后端
ikoala15 小时前
让 Codex 自己查账:一个省 token 的小技巧
前端·后端·ai编程
ikoala15 小时前
AI 写页面像说明书,修 Bug 像贴膏药?把这两句话写进 AGENTS.md
前端·javascript·ai编程