- 博客(23)
- 收藏
- 关注
RSS订阅原创 React + Vite + Ts + Eslint + Env + Router + Axios + Tailwind.css + Zustand
React + Vite + Ts + eslint + env + 跨域 + vite.config.ts + react-router + axios + tailwind + tailwind.css + zustand + store
2024-12-18 19:56:20
357
原创 CSS学习第八章（伪元素）
CSS 伪元素是一种特殊的选择器，它可以在不改变 HTML 结构的情况下对页面元素的特定部分进行样式设置。CSS 伪元素是用来添加一些选择器的特殊效果。常用的 CSS 伪元素有 ::before、::after、::first-line、::first-letter 等。
2024-11-25 16:45:55
309
原创 CSS学习第七章（浮动）
布局方式：文档流、浮动、定位文档流（普通流）：标签按照自身的属性在页面中进行排列，比如块标签从上到下依次排列，行内标签就是从左到右在一行排列浮动布局可以使标签脱离文档流的限制，制定其向左或者向右排列。
2024-11-25 16:36:10
199
原创 CSS学习第五章（标签）
display:block; 块级display:inline; 行内display:inline-block; 行内块display:none; 隐藏元素
2024-11-25 16:24:04
336
原创 CSS学习第四章（盒模式）
css中可以把标签看做是一个盒子，这个盒子被分为四层，内容（content）+ 内边距(padding) + 边框（border） + 外边距（margin）
2024-11-25 16:19:10
160
原创 CSS学习第三章（文字相关样式）
2.2 font-weight: 设置字体是否加粗。2.4 line-height: 设置文字的行高。2.3 font-style:设置字体是否斜体。2.5 font-family:设置字体的族类。2.1font-size : 设置字体尺寸。2.6 font : 字体系列属性的简写。
2024-11-25 16:12:07
179
原创 CSS学习第一章（css简介）
3.外链样式：在head标签里面添加link标签，通过link标签的href属性引入.css的文件，把css样式写到.css文件中。2.内嵌样式：在head标签里面添加style标签，在style标签之间写入css样式语法。css（Cascading style sheets） 是层叠样式表。1.行内样式：通过标签的style属性添加样式。2.cssd的三种引入方式。
2024-11-25 15:26:03
209
原创 HTML学习第十一章(HTML表单)
HTML 表单用于收集用户的输入信息。HTML 表单表示文档中的一个区域，此区域包含交互控件，将用户收集到的信息发送到 Web 服务器。HTML 表单通常包含各种输入字段、复选框、单选按钮、下拉列表等元素。
2024-11-25 15:16:32
567
原创 HTML学习第十章(HTML表格)
HTML 表格由 标签来定义。HTML 表格是一种用于展示结构化数据的标记语言元素。每个表格均有若干行（由 标签定义），每行被分割为若干单元格（由 标签定义），表格可以包含标题行（）用于定义列的标题。
2024-11-25 14:54:06
433
原创 HTML学习第九章(HTML列表)
HTML中的列表是网页中最常用的一种数据排列方式。在HTML中，列表共有三种：有序列表、无序列表和定义列表。
2023-07-28 18:06:34
191
1
原创 HTML学习第八章(HTML图像--＜img＞标签)
HTML学习第八章：HTML 图像标签：在 HTML 中，图像由 标签定义。img代表单词image，意为图像。 是空标签，意思是说，它只包含属性，并且没有闭合标签。要在页面上显示图像，你需要使用源属性（src）。src 指 "source"。源属性的值是图像的 URL 地址。2.绝对路径与相对路径。相对路径：资源相对于当前网页的地址。绝对路径：资源的完整地址。
2023-03-05 22:09:46
5686
原创 HTML学习第七章(HTML超链接--＜a＞标签)
HTML超链接标签：HTML使用标签 来设置超文本链接。超链接可以是一个字，一个词，或者一组词，也可以是一幅图像，点击这些内容来跳转到新的文档或者当前文档中的某个部分。在标签 中使用了href属性来描述链接的地址。href 属性：指定超链接目标的URL。如果 href 属性没有被指定链接， 标签将不是一个链接。target属性：规定在何处打开目标 URL，默认情况下，超链接在当前的浏览器窗口打开。
2023-03-05 00:47:21
3747
原创 HTML学习第六章(HTML语义化)
什么是HTML语义化？根据页面内容的结构（内容语义化），选择合适的标签（代码语义化）。如，标题用 h1-h6、段落用 p 标签等。这样便于开发者阅读、后续开发与维护，同时让浏览器的爬虫和设备能够很好的解析。语义化的好处？ 在没有 CSS 的情况下，页面也能呈现出很好的内容结构和代码结构。语义化使代码更具可读性，便于团队开发和维护，遵循W3C标准的团队都遵循这个标准，可以减少差异化。语义化有利于用户体验（例如：title、alt、label 标签的灵活运用）。语义化有利于 SEO：和搜索引擎建立良好沟通。
2023-02-26 22:10:33
178
原创 HTML学习第五章(HTML特殊字符)
HTML特殊字符：在前端开发中，HTML里面不能直接使用一些特殊的符号，要使用代码来代替特殊符号。在HTML页面中使用这些代码后，浏览器会自动转为对应的特殊字符。
2023-02-26 21:19:35
145
原创 HTML学习第四章(HTML文本格式化标签)
HTML文本格式化标签：1.加粗标签：b、strong：都是加粗效果，无语义，有强调作用。2.斜体标签：i 、em：都是斜体效果， 无语义，有强调作用。3.上下标：sup、sub。4.删除文本：del。5.小号字体：small。6.插入文本：ins。7.HTML "计算机输出" 标签：code、pre、kbd、samp、var。8.HTML 引文, 引用, 及标签定义：abbr、address、bdo、blockquote、q、cite、dfn。
2023-02-26 00:55:30
440
原创 HTML学习第三章(HTML常用标签)
HTML常用标签：1.标题（h1-h6）：h1一般用于网页的主标题或者logo，一个网页中只能使用一次；2.段落 （p）：自动换行，段落前后自动添加空白；3.换行（br）：单标签，自动换行；4.水平分割线（hr）：代表主题结束；5.区块、盒子（div）：是一个无语义标签，通常用来划分页面的区块；6.span:无语义标签，不改变文字排版情况下，给一段文字中的制定的文字添加特殊样式。
2023-02-24 23:41:13
205
原创 HTML学习第二章(HTML标签语法)
1.HTML元素是由标签来定义的：标签通常是成对出现，由一个开始标签和一个同名的结束标签组成(双标签)。元素的内容是开始标签与结束标签之间的内容。部分特殊功能的标签只有开始标签，没有结束标签（单标签/空标签）。某些 HTML 元素具有空内容（empty content）。空元素在开始标签中进行关闭（以开始标签的结束而结束）。
2023-02-24 23:26:49
125
原创 HTML学习第一章（HTML简介及Html文档的基本结构）
HTML简介：HTML是超文本标记语言（HyperText Markup Languge）；不是编程语言，是标记语言；标记语言是由一套标记标签（markup tag）组成；用来描述网页；HTML文档包含了HTML标签和文本内容；也称为web页面。
2023-02-24 23:16:01
241
原创 主流浏览器及其内核
浏览器分为两个部分：shell和内核。shell：是指浏览器的外观，可以设置浏览器的颜色、背景、字体等。内核：内核也分成两部分：第一部分渲染引擎：解析Html跟Css代码；第二部分JavaScript引擎：解析js代码，最重要的也是js引擎。
2023-02-24 22:27:12
109
原创 前端的简介
前端又称web前端，前端开发是创建WEB页面或APP等前端界面呈现给用户的过程，通过HTML，CSS及JavaScript以及衍生出来的各种技术、框架、解决方案，来实现互联网产品的用户界面交互的过程。
2023-02-24 13:15:27
179
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人