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键)

还有一种不常用的写法:

相关推荐
狂师5 分钟前
爆火!新一代e2e AI测试框架,单日狂揽1500 star
前端·人工智能·测试
恋猫de小郭26 分钟前
Flitz ,一个把 Flutter 玩成热插拔 Preview 的有趣项目,不错的思路
android·前端·flutter
闭包不眠27 分钟前
Word转HTML后体积不对,裁掉的截图原图还在
前端·图像处理·人工智能·计算机视觉·html·word
言乐634 分钟前
PythonLOLM自动生成复盘报告模型
开发语言·前端·数据库·人工智能·python
tryCbest1 小时前
第二篇:CSS3 全部知识点全解 + 项目样式实现
前端·css·css3
一木 之林1 小时前
Agent智能体学习总结:从一次调用到模型自主规划、工具调用与 ReAct 循环的项目实战-6/6
前端·人工智能·学习·react.js
程序员大阳1 小时前
副队长CSS教程(36)–移动布局与响应式
前端·css·响应式·媒体查询·移动布局
程序员Sunday1 小时前
React 的 useEffect 怎么工作?依赖数组、清理函数和重复执行如何理解?
前端·javascript
lank_M1 小时前
Word裁剪图片转HTML走样,该在渲染层修还是入口修
前端·图像处理·人工智能·计算机视觉·html·word
IT_陈寒1 小时前
深入理解Redis:核心原理与最佳实践
前端·人工智能·后端