前端基础---认识前端框架（html、css、js、）

创建前端--搭建房子

html : 原材料

css: 装修

javascript : 智能化房子

一、大框架

html-超文本结构化标记语言

按各种各样的标签划分，标签最本质作用是形成独立空间。同时带有自身特色。（如标题标签）

1、从使用角度分为两大类：

• 供显示的标签：如 <h1>（标题）、<p>（段落）、<img>（图片）等，用户可以看到的内容。
• 供收集信息的标签：如 <input>、<form>、<textarea>，用于用户输入数据。

2、从元素本身特性划分为：

• 块级元素：独占一行，通常可以设置宽度和高度（如 <div>、<h1>）。
• 内联元素：不独占一行，宽高无法直接设置（如 <span>、<a>）。
• 内联块级元素：不独占一行，但可以设置宽高（如 <img>、<input>）。

css-层叠样式单

CSS 用于美化和布局 HTML 元素，它使页面的展示效果更具吸引力，类似于房子的“装修”。

• 选择器：决定对哪个元素应用样式，如类选择器 .class，ID 选择器 #id。
• 盒子模型：每个 HTML 元素都被看作是一个矩形的“盒子”，盒子模型包括 margin（外边距）、border（边框）、padding（内边距）、content（内容）。
• 布局：用于控制页面元素的位置，常见布局方式包括：
  • float布局：使用 float 来让元素浮动，通常用于创建多栏布局。
  • 内联块级布局：如使用 display: inline-block。
  • 弹性盒子布局（Flexbox）：更现代的布局方式，提供了强大的横向和纵向排列能力。

样式叠加：CSS 样式具有层叠特性，多个样式规则可以叠加影响同一个元素。

javascript（js)

JavaScript 赋予网页“生命”，负责与用户的动态交互。它可以让页面不仅仅是静态展示，而是提供更多交互功能：

• 效果交互：通过 JavaScript 可以实现网页的视觉效果，如轮播图、弹出框等。
• 数据交互：通过与后端交互（如使用 jQuery 和 AJAX），JavaScript 能够发送和接收数据，动态更新页面内容。
• 第三方框架：
  • jQuery：一个简化 JavaScript 操作的库，用于方便地操作 DOM、实现动画效果、处理事件和 AJAX。
  • Layer：用于创建弹出层和对话框的插件，提升用户交互体验。
  • ECharts：一个强大的图表库，能够绘制各种数据可视化图表。

【之前大一学过一点前端的内容，但不够系统，只会一点点皮毛，emmm对前端还是挺感兴趣的，忙里偷闲~~我会记录我的整个学习过程~~最后肯定会收获满满(#^.^#)】