这是我参与「第五届青训营 」伴学笔记创作活动的第 1 天
前端开发:
- 是指创建用户界面的过程。
- 包括使用 HTML、CSS、JavaScript 来构建网页和应用程序。
HTML:
- 标题标签(h1-h6)用来表示文章的标题和副标题。
- 段落标签(p)用来表示文章中的段落。
- 链接标签(a)用来表示文章中的链接。
- 图像标签(img)用来表示文章中的图像。
- 文本格式标签(b, i, em, strong,mark, small, del, ins,sub,sup)用来设置文本格式。
- 列表标签(ul, ol, li)用来创建无序列表和有序列表。
- 表格标签(table, tr, td, th)用来创建表格。
- 表单标签(form, input, textarea, select, option, label, button)用来创建表单。
- 其他标签(header,nav,main,article,section,aside,footer,figure,figcaption,time,mark,progress,meter)用来表示网页结构元素。
CSS:
- 选择器:用来选择要应用样式的元素。常见的选择器有标签选择器、类选择器、ID选择器、伪类选择器、属性选择器、后代选择器、相邻兄弟选择器等。
- 盒模型:用来描述元素的布局和尺寸。包括内容盒子、填充盒子、边框盒子和外边距盒子。
- 布局:用来控制元素的位置和尺寸。常见的布局方式有浮动布局、绝对定位布局、Flex 布局和 Grid 布局。
- 文本样式:用来控制文本的样式。包括字体、颜色、大小、行高等。
- 背景:用来控制元素的背景。包括背景颜色、背景图像、背景重复、背景定位等。
- 过渡和动画:用来控制元素的过渡和动画。
- 媒体查询:用来根据设备的特性来应用不同的样式。
- 响应式设计:用来适应不同的屏幕尺寸和设备。
前端开发的重要性:
- 让网页或者应用程序更加直观,易用,交互性更强。