单位就是那个形容长度大小的东西。比如身高180cm(厘米),cm就是单位。 css 也不例外,要描述一个盒子的大小,就必须要用到单位。 css 单位根据其作用分为几大类:绝对单位、相对单位、视口单位、角度单位、时间单位、网格单位、频率单位、分辨率单位。 动态计算单位 认识单位之前,先认识几个动态计算 Read More
任何地方都存在阶级,CSS 选择器也不例外,也会讲一个三六九等。 选择器类别 通配符选择器 标签选择器 类选择器 ID选择器 属性选择器 伪类选择器 伪元素选择器 关系选择器 流传已久的阶级划分 选择器 权重 继承父标签的样式、* 通配符选择器 0,0,0,0 标签选择器 0,0,0,1 类选择器、 Read More
HTML 在语法上并无大小限制,所以其结构可以浩瀚无边,CSS 选择器的作用则是在这些复杂的 HTML 结构中进行元素定位。 示例代码 记住此代码,后面所有的 css 选择器都是基于此代码。 注意:代码中存在两个一样的 id="p1" 元素,仅为了演示效果,正常编码中请保证 id 唯一性。 <!DO Read More
默认情况,VSCode 的代码类型提示需要鼠标放置在函数名或者变量名上才出现,有没有觉得这样比较傻瓜~ VSCode 早在 1.60 版本就引入了内嵌提示配置,每次更新都没仔细看文档,感觉错过了很多的小惊喜啊。 默认的代码显示 你的编辑器代码是不是显示这个样子: 开启内嵌的类型提示 开启内嵌提示之后 Read More
HELLO,这里是大熊的前端开发笔记。 先了解一个关键词 FCP (First Contentful Paint): 首次内容绘制,指的是浏览器渲染来自 DOM 的任何内容(包括文本、图像、SVG 等)的时间点。这是用户第一次看到页面上出现的内容,标志着页面开始有内容展示给用户。 使用 开发者工具 Read More
HELLO,这里是大熊学习前端开发的入门笔记。 本系列笔记基于 windows 11 系统。 HTML 页面内容越来越多,势必 CSS 也会跟着膨胀,如果 CSS 还是用内部样式表,那会导致 HTML 页面代码行数将会超长,这时候聪明的人类就会想到把 CSS 抽离出来单独管理,这时候外部样式表就诞生 Read More
HELLO,这里是大熊学习前端开发的入门笔记。 本系列笔记基于 windows 系统。 上岸第一剑,先斩...内联样式~ 内联样式弊端 关系的发展都是一步一步的,内联样式最终还是被取代了,原因是它太死脑筋了,不够灵活。 如多个元素的样式都长一样,代码就成这样了: <p style="color: r Read More
HELLO,这里是大熊学习前端开发的入门笔记。 本系列笔记基于 windows 系统。 CSS 层叠样式表(英文全称:Cascading Style Sheets)是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言。 来源:百度百科 简单 Read More
Markdown Here 是一个浏览器插件,支持 Chrome/Firefox/Edge 浏览器,其插件描述:用Markdown写一封漂亮的电子邮件。 本文仅修改了 Chrome 浏览器的 Markdown Here 插件,其他浏览器可根据文章内容自行修改。 写在开头 如果你不想看这么多的长篇代码 Read More
HELLO,这里是大熊学习前端开发的入门笔记。 本系列笔记基于 windows 系统。 虽然说 Web 前端开发用记事本也能玩,但正常的开发者绝不用记事本玩(大佬除外)。 想想要用记事本扣一个淘宝、京东,那场景可真是美呆了。 一个好的编辑器,绝对可以事半功倍的。 编辑器可以提供哪些功能 语法高亮: Read More