css3是什么？
CSS 指的是层叠样式表* (Cascading Style Sheets) 就是样式
怎么引用到html文件中？
1、link语法结构
2、@import语法结构
@import url(CSS文件路径地址);路径
分为绝对路径和相对路径。相对路径常用绝对路径基本不用 不过一般都用@符号取代。
元素选择器
id选择器
class选择器
通用选择器/通配符选择器
css基础属性
颜色color 背景background 边框border 边距margin/padding 轮廓outline-style 文本text 字体font
css基础属性常用单位
px rem rpx(uniapp/微信小程序才有) vh vw %
- static 静态定位默认就有
- relative 相对定位 占用空间
- fixed 固定定位 不占空间 z-index
- absolute 绝对定位 不占空间 z-index
- sticky 粘性定位 开始
relative后面fixed开始占用空间后面不占用空间
css布局 ie浏览器已经下架了, 不用考虑兼容性。
1.流式布局 默认就有 这个不用管
2.浮动布局。
这个历史遗留产物，有很多bug建议弃用或者说直接不学都可以
3.flex布局。
【25分钟彻底弄懂CSS Flex基础布局 / CSS Flex 入门教程】 www.bilibili.com/video/BV1A4…
4.grid布局
【迄今为止最易懂】2分钟掌握 CSS Grid 布局】 www.bilibili.com/video/BV18p…
移动端 app/小程序/手机端网站 flex 优先
pc端 电脑端网站 grid布局 优先 flex其次
ipad端 平板,类似于电脑端
整体布局分为2大类
自适应布局 分为pc端自适应和移动端自适应,传统的开发
为什么会出现?
一套pc端代码在不同的电脑上显示不一样
一套移动端代码在不同的手机上显示不一样
自适应就是让同一个页面自动适应不同大小的设备，从而解决为不同设备提供不同版本的页面问题
响应式布局
为什么会出现?
传统的开发方式是PC端开发一套页面，手机端再开发一套页面。
无论是自适应布局还是响应式布局用ui组件库轻松完成布局
css预处理器
css less sass
国外css框架 tailwind css
【【tailwind前端框架实战】用全新的前端框架tailwind做一个github页面，能加快300%写代码的速度，前端程序员必看】 www.bilibili.com/video/BV1rf…
ui组件库
国内常用
ant design
react 服务于企业级产品的设计体系，基于确定和自然的设计价值观上的模块化解决方案，让设计者和开发者专注于更好的用户体验。
Element Plus
Vue 3，面向设计师和开发者的组件库
Arco.Design
智能设计体系
连接轻盈体验
字节跳动出品的企业级设计系统
国外常用
shadcn/ui
Build your component library
Beautifully designed components that you can copy and paste into your apps. Accessible. Customizable. Open Source.
国际最新 /国外最新 : tailwind css + shadcn/ui
国外没有小程序。小程序就用uniapp 就够了，不用原生
小程序
【非常棒的前端移动端组件库，前端程序员必备！】 www.bilibili.com/video/BV1LP…
**一个项目可以引用多个组件库。 同时存在 **
用组件库不仅能轻松的完成布局，大大提升开发效率谁不用谁SB
好玩的 CSS - 40 个有趣的 CSS 网站
有轮子用，谁不用谁SB
先要用工具，然后再造工具
同理
先要做一个用轮子的人，而不是造轮子的人
大爱仙尊语录:
最近我的脑海中一直循环着一句话，你到底想成为怎样的一个人时，我会渐渐地从一天两天，甚至更久的时间中分析我自己，然后发现我又要改变自身了，这种改变不光只是好的方面，坏的一方面也会有可能产生。当然不管如何，都改变不了我继续变好的心态 ，对于我来说，我改变的方向就没有坏的，至于坏的一面的产生，只是我改变的方向，他人却认为我是在变坏。
那你有没有想过 ，这是你所想的我应该是什么样的人，而不是我所想。有一句话说得特别好，我不喜欢与人争论，因为人都认为自己是对的，所以说一个人就算是圣人，也总会有人说，他不好。在此我总结，我自己是成为恶贯满盈之人，还是成为一位至善之人。 不管怎么改变，都是我 ，只是我 ，才能定义， 我的善恶
