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

还有一种不常用的写法:

相关推荐
We་ct7 分钟前
LeetCode 17. 电话号码的字母组合:回溯算法入门实战
前端·算法·leetcode·typescript·深度优先·深度优先遍历
lihaiting18 分钟前
css面试题
前端·css·css3
望京十三兄9 分钟前
前端排查项目上线后页面白屏
前端
程序员Sunday9 分钟前
vite 8 发布,双引擎时代结束,webpack 的时代真的快过去了
前端
xixixin_9 分钟前
【CSS】Ant Design 按钮点击时文字位移问题
前端·javascript·html
青柠代码录10 分钟前
【Vue3】SCSS 进阶篇
前端·scss
用户125893431396010 分钟前
边框渐变色的代码实现
前端
Csvn12 分钟前
使用 React Hooks 优化组件性能的 5 个技巧
前端·javascript·react.js
weixin1997010801613 分钟前
开山网商品详情页前端性能优化实战
java·前端·python
HelloReader14 分钟前
Flutter 状态管理实战搭建维基百科阅读器项目
前端