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

还有一种不常用的写法:

相关推荐
文心快码BaiduComate3 分钟前
CCF程序员大会码力全开:AI加速营决赛入围名单揭晓,12月6日大理见!
前端·百度·程序员
vivo互联网技术6 分钟前
从不足到精进:H5即开并行加载方案的演进之路
前端·h5·webview·客户端·大前端
我命由我1234510 分钟前
微信小程序 - 内容弹出框实现(Vant Weapp 实现、原生实现)
开发语言·前端·javascript·微信小程序·小程序·前端框架·js
裴嘉靖18 分钟前
uniapp做的APP和安卓苹果做的什么区别
前端
申阳20 分钟前
Day 20:开源个人项目时的一些注意事项
前端·后端·程序员
天蓝色的鱼鱼26 分钟前
大文件上传实战:基于Express、分片、Web Worker与压缩的完整方案
前端·node.js
500佰28 分钟前
解读NotebookLM基于AI的PTT生成 程序化处理方法
前端·google·程序员
前端老宋Running29 分钟前
别再给组件“打洞”了:这才是 React 组件复用的正确打开方式
前端·javascript·前端框架
u***284729 分钟前
Spring Boot项目接收前端参数的11种方式
前端·spring boot·后端
pcm12356733 分钟前
java中用哈希表写题碰到的误区
java·前端·散列表