Urus
Urus，全球首辆超级SUV（运动型多用途车）。传承着极具辨识度的兰博基尼DNA，同时Urus也是一款突破性的车型：令人惊讶的车身尺寸、纯正兰博基尼式设计和出色的性能都是其脱颖而出的原因。Urus的动态流线性独特轮廓尽显其超级跑车的传统，卓越的比例安排又传达着力量、稳固性和安全感
Aventador S Roadster
Aventador S Roadster，这款标志性的跑车以其最具吸引力的形式再次超越了自我。高达740马力的全新V12引擎以及敞篷款式所展现的兰博基尼独特设计，在Aventador S Roadster (敞篷版)体现得淋漓尽致。采用最尖端的技术，带来前所未有的驾驭体验，让追求迅猛、激情驾驭感受的汽车爱好者满足内心深处的渴求。
颜色
CSS 中颜色的表示方法：
-
十进制：
rgb(red, green, blue)，例如：rgb(255, 255, 255) -
十六进制：
#rrggbb、#rgb，例如：#ffffff、#fff -
RGBA 颜色：
rgba(red, green, blue, alpha)，例如：rgba(255, 0, 0, 0.5)
RGBA 颜色在 RGB 颜色的基础上加了个 alpha，实现带有透明度的颜色
关键字 transparent 等价于 rgb(0, 0, 0, 0)，完全透明
尽量使用
#rgb取代#rrggbb，比如使用#345取代#334455
可以缩减 CSS 代码的体积，从而减小文件大小，节省用户流量，加快网页响应速度
RGB 颜色规律：
-
RGB 颜色值越大，越靠近白色，越浅色（
#ffffff是白色） -
RGB 颜色值越小，越靠近黑色，越深色（
#000000是黑色） -
RGB 颜色值一样的，一般是灰色
CSS 属性 - 文本
==============================================================================
text-decoration 设置文字的装饰线
text-decoration 用于设置文字的装饰线
-
none：无任何装饰线（可用于去除 a 元素默认的下划线） -
underline：下划线 -
overline：上划线 -
line-through：中划线（删除线）
u、ins 元素默认就是设置了 text-decoration 为
underline
letter-spacing、word-spacing 设置间距
-
letter-spacing 用于设置字母之间的间距
-
word-spacing 用于设置单词之间的间距
-
默认是 0，可以设置为负数
text-transform 设置大小写转换
text-transform 用于设置文字的大小写转换
-
capitalize：将每个单词的首字符变为大写 -
uppercase：将每个单词的所有字符变为大写 -
lowercase：将每个单词的所有字符变为小写 -
none：没有任何影响
建议通过 text-transform 属性来控制网页中英文字母的大小写，不要直接在HTML中固定死书写形式
text-indent 设置第一行的缩进
text-indent 用于设置第一行内容的缩进
text-indent: 2em;刚好是缩进 2 个文字
text-align 设置水平对齐方式
text-align 可用于设置元素内容在元素中的水平对齐方式
-
left：左对齐 -
right：右对齐 -
center：正中间显示 -
justify：两端对齐
CSS 属性 - 字体
==============================================================================
font-size 设置文字大小
font-size 用于设置文字的大小
设置方法：
- 具体数值 + 单位：如
100px、1em
em 单位：1em 代表 100%，2em 代表 200%，0.5em 代表 50%
- 百分比：基于父元素的 font-size 计算
比如 50% 表示等于父元素 font-size 的一半
一般给 body 设置 font-size 就代表设置网页的默认字体大小
-
其他元素可以基于父元素设置字体大小
-
只需要改变 body 的字体大小，其他元素都会按照比例改变
font-family 设置文字的字体名称
font-family 用于设置文字的字体名称
可以设置 1 个或者多个字体名称：从左到右按顺序选择字体，直到找到可用的字体为止
font-family: “微软雅黑”, Consolas, Symbol, “Microsoft Sans Serif”;
一般情况下，英文字体只适用于英文，中文字体同时适用于英文和中文
所以，如果希望中英文分别使用不同的字体，应该先将英文字体写在前面，中文字体写在后面
@font-face 让网页支持网络字体
@font-face 可以让网页支持网络字体 (Web Font)，不再局限于系统自带的字体
常见的字体种类：（并不是所有浏览器都支持以下字体，使用时要多加测试）
-
TrueType 字体：拓展名是 .ttf
-
OpenType 字体：拓展名是 .ttf、.otf，建立在 TrueType 字体之上
-
Embedded OpenType 字体：拓展名是 .eot，OpenType 字体的压缩版
-
SVG 字体：拓展名是 .svg、 .svgz
-
web 开放字体：拓展名是 .woff，建立在 TrueType 字体之上
字体下载：http://font.chinaz.com/
@font-face 使用示例：需要下载字体后放到指定位置
font-weight 设置文字的粗细
font-weight 用于设置文字的粗细（重量）
-
100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900：每一个数字表示一个重量程度
-
normal：等于 400 -
bold：等于 700
strong、b、h1~h6 等标签的 font-weight 默认就是
bold
font-style 设置文字的常规、斜体显示
font-style 用于设置文字的常规、斜体显示
-
normal：常规显示 -
italic：用字体的斜体显示（与字体相关） -
oblique：文本倾斜显示（与字体无关）
em、i、cite、address、var、dfn 等元素的 font-style 默认就是
italic
设置 font-style 为 italic 的 span 元素，使用效果等价于 em 元素
font-variant 设置小写字母的显示形式
font-variant 用于设置小写字母的显示形式
-
normal：常规显示 -
small-caps：将小写字母替换为缩小过的大写字母
这个使用效果很迷。。。估计只有一些特殊需求用得上
line-height 设置文本的最小行高
line-height 用于设置文本的最小行高，行高可以先简单理解为一行文字所占据的高度
行高的严格定义：两行文字基线 (baseline) 之间的间距
自我介绍一下，小编13年上海交大毕业，曾经在小公司待过，也去过华为、OPPO等大厂，18年进入阿里一直到现在。
深知大多数前端工程师，想要提升技能，往往是自己摸索成长或者是报班学习，但对于培训机构动则几千的学费，着实压力不小。自己不成体系的自学效果低效又漫长，而且极易碰到天花板技术停滞不前！
因此收集整理了一份《2024年Web前端开发全套学习资料》，初衷也很简单，就是希望能够帮助到想自学提升又不知道该从何学起的朋友，同时减轻大家的负担。
既有适合小白学习的零基础资料，也有适合3年以上经验的小伙伴深入学习提升的进阶课程，基本涵盖了95%以上前端开发知识点，真正体系化！
由于文件比较大，这里只是将部分目录大纲截图出来，每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频，并且后续会持续更新
如果你觉得这些内容对你有帮助，可以添加V获取：vip1024c （备注前端）
Vue 编码基础
2.1.1. 组件规范
2.1.2. 模板中使用简单的表达式
2.1.3 指令都使用缩写形式
2.1.4 标签顺序保持一致
2.1.5 必须为 v-for 设置键值 key
2.1.6 v-show 与 v-if 选择
2.1.7 script 标签内部结构顺序
2.1.8 Vue Router 规范
Vue 项目目录规范
2.2.1 基础
2.2.2 使用 Vue-cli 脚手架
2.2.3 目录说明
2.2.4注释说明
2.2.5 其他
一个人可以走的很快，但一群人才能走的更远。不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人，都欢迎扫码加入我们的的圈子（技术交流、学习资源、职场吐槽、大厂内推、面试辅导），让我们一起学习成长！
为 v-for 设置键值 key
2.1.6 v-show 与 v-if 选择
2.1.7 script 标签内部结构顺序
2.1.8 Vue Router 规范
Vue 项目目录规范
2.2.1 基础
2.2.2 使用 Vue-cli 脚手架
2.2.3 目录说明
2.2.4注释说明
2.2.5 其他
一个人可以走的很快，但一群人才能走的更远。不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人，都欢迎扫码加入我们的的圈子（技术交流、学习资源、职场吐槽、大厂内推、面试辅导），让我们一起学习成长！
[外链图片转存中…(img-2e4jr9qs-1712424724497)]
