前端与 HTML | 青训营笔记

372 阅读2分钟

这是我参与「第五届青训营 」伴学笔记创作活动的第 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 布局。
  • 文本样式:用来控制文本的样式。包括字体、颜色、大小、行高等。
  • 背景:用来控制元素的背景。包括背景颜色、背景图像、背景重复、背景定位等。
  • 过渡和动画:用来控制元素的过渡和动画。
  • 媒体查询:用来根据设备的特性来应用不同的样式。
  • 响应式设计:用来适应不同的屏幕尺寸和设备。

前端开发的重要性:

  • 让网页或者应用程序更加直观,易用,交互性更强。

MDN对应专题

学习 Web 开发 | MDN

练起来,一步一步做。(很简单,不需要前置知识)

Freecodecamp