文章分类 -  前端

记录前端的学习笔记
摘要:关于从Github上拉取的前端项目问题 1. yarn安装失败:No license field 报错描述: warning ../../package.json: No license field 这个原因是因为在项目的 package.json 文件中没有指定许可证信息。在开源项目中,许可证信息 阅读全文
posted @ 2024-06-15 12:35 travellerα 阅读(110) 评论(0) 推荐(0)
摘要:CSS进阶-背景相关属性 前言 前面学习到了background-color属性,这一节学习一些常用的背景属性。 1、背景颜色 属性名:background-color(bgc) 属性值: 颜色取值:关键字、rgb表示法、rgba表示法、十六进制... 注意点: 背景颜色默认值时透明:rgba(0, 阅读全文
posted @ 2023-05-16 16:45 travellerα 阅读(56) 评论(0) 推荐(0)
摘要:Emmet语法 1、简介 Emmet语法是VS code代码编辑器里面的一项快速写代码的方法。通过它,我们可以加快编码的速度。 2、Emmet语法写法 作用:通过简写语法,快速生成代码 语法: 类似于刚刚学习的选择器的写法 | 记忆 | 示例 | 效果 | | | | | | 标签名 | div | 阅读全文
posted @ 2023-05-16 16:44 travellerα 阅读(38) 评论(0) 推荐(0)
摘要:CSS进阶-选择器 前言 前面我们已经学习了4种选择器。接下来要学习的选择器,可以用于比较复杂的场景。 目标: 理解复合选择器的规则,并熟练使用复合选择器在HTML选择元素。 1、复合选择器 1.1 后代选择器 :空格 作用:根据HTML标签的嵌套关系,选择父元素后代中满足条件的元素 选择器语法: 阅读全文
posted @ 2023-05-16 16:43 travellerα 阅读(32) 评论(0) 推荐(0)
摘要:CSS属性-样式重叠 问题: 给同一个标签设置了相同的样式,此时浏览器会如何渲染? 结果: 如果给一个标签设置了相同的属性,此时样式会重叠(覆盖),写在最下面的会生效 TIP: CSS(Cascading style sheets)层叠样式表 所谓层叠即叠加的意思,表示样式可以一层一层的层叠覆盖 因 阅读全文
posted @ 2023-05-15 13:43 travellerα 阅读(101) 评论(0) 推荐(0)
摘要:CSS属性 前言 上一节主要介绍了CSS的选择器,而在CSS选择器中出现了xx:xx;格式的一行代码,我们称之为CSS的属性。 通过前面的学习,我们了解到选择器的作用是帮我们找到对应的html标签,而这一节中属性的作用毫无疑问就是对html标签进行美化的效果。 这一节,主要是学习一些在开发中常用的属 阅读全文
posted @ 2023-05-15 13:41 travellerα 阅读(65) 评论(0) 推荐(0)
摘要:CSS选择器 前言 在前面初识CSS的时候,我们接触到了CSS的语法选择器。我们可以通过选择器找到html标签,并对其设置样式,从而达到美化的效果。 这一节,主要学习选择器的结构和CSS代码编写规则。 目标:了解每一种选择器的作用,并注意选择器的使用规则和场合。 1、标签选择器 结构:标签名 {cs 阅读全文
posted @ 2023-05-15 13:26 travellerα 阅读(95) 评论(0) 推荐(0)
摘要:CSS初识 1、CSS介绍 CSS:层叠样式表(Cascading style sheets) CSS的作用是什么? 给页面中的HTML标签设置样式(美化标签) 2、语法规则 2.1 写在那里? CSS写在style标签中,style标签一般写在head标签里面,title标签下面 2.2 怎么写? 阅读全文
posted @ 2023-05-15 13:23 travellerα 阅读(35) 评论(0) 推荐(0)
摘要:html标签的学习 1、标签 1.1排版标签 标题标签 使用场景:在新闻和文章的页面中,都离不开标题,用来突出显示文章主题。 代码:h系列标签 <h1>1级标签</h1> <h2>2级标签</h2> <h3>3级标签</h3> <h4>4级标签</h4> <h5>5级标签</h5> <h6>6级标签 阅读全文
posted @ 2023-05-15 12:44 travellerα 阅读(91) 评论(0) 推荐(0)