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

还有一种不常用的写法:

相关推荐
A小码哥9 分钟前
大模型成本怎么降,5 个动作先做前两个
java·前端·spring
PHP是世界上最好的语言21 分钟前
ComPDF预览本地正常,部署后白屏:检查资源、路径和许可
前端
kiros_wang22 分钟前
项目分包方案:模块拆分、跨模块组件与方法引用规范
前端
PedroQue9924 分钟前
unix-utils v0.2.0 发布:modal 全端统一,自绘窗口解决输入框难题
前端·uni-app
Csvn25 分钟前
网络优化
前端
代码猎人28 分钟前
前端怎么跟进生态新技术
前端
海阳皓辰网络科技有限公司29 分钟前
Vue3 冷库货位选择器:三级联动、扫码带出与批次混放校验
前端·vue.js
__sjfzllv___31 分钟前
在职前端Leader学习/转行 AI Agent -DAY81
前端
女生也可以敲代码32 分钟前
div上有红色下划线报错:JSX 元素隐式具有类型 “any“,因为不存在接口 “JSX.IntrinsicElements“。ts(7026)
前端
申君健248641827720234 分钟前
ArkTS 速成指南(写给有 TypeScript / 前端经验的开发者)
前端