北歌的论坛回复_云社区-华为云

华为云ID：hw12625059第二章笔记内容：WEB开发分为前、后端，我们要做的是前端工作，主要是为用户提供页面展示及页面上的交互；前端内容主要用到的是三大件：HTML(5)、CSS(3)、Javascript；学习前端三大件的用途：HTML对应结构、CSS对应样式、Javascript对应交互；开发工具选择：VS Code由微软开发，开源免费，可自定义配置，代码提示等良好的功能；了解HTML的发展史，HTML与XHTML的异同，HTML5在语义化上面的进化等；学习HTML标签：双标签、单标签、标签属性；第三章笔记内容：了解html基本结构，其中html+head+body是固定写法，不能丢；标题标签：h1-h6，共6个；段落标签：p；结构标签：div、span；链接标签：a。href属性中添加链接地址，target属性为跳转的方式；图片标签：img。src属性中添加图片链接地址；列表标签：ul（无序）、ol（有序）、dl（自定义）;第四章笔记内容： 1. 学习表格标签table; 2. 其中tr为一行，th为一列（列标题），tr中可包含多个th。 3. 其中tr为一行，td为一列（列内容），tr中可包含多个td。 4. 表格大标题可以用caption定义； 5. 也可以用thead、tbody、tfoot定义表格结构； 6. td可以用colspan和rowspan属性分别控制行、列单元格的合并；第五章笔记内容： 1. 学习表单标签form的使用； 2. form中用action定义提交的接口地址，method定义选用的提交方式（包括get\post）； 3. 单标签input，包含类型有：text\radio\checkbox\button\submit\reset\file等； 4. select标签定义下拉选择功能，option来定义列表项； 5. textarea标签定义多行文本功能，也就是富文本，可用rows定义行数，cols定义列数;CSS第一章笔记内容： 1. css 是级联样式单，是对HTML的补充，用于页面样式的定义，如颜色、布局等； 2. css的引入方式（内联、内部、外部引入、外部导入）； 3. css语法格式，selector { property: value; ... }; 4. 特性：层叠、继承；CSS第二章笔记内容： 1. 通配选择器： *； 2. 元素选择器： div、p、a； 3. id选择器：#id； 4. 类选择器：.class； 5. 属性选择器：[type="text"]、[name="username"]； 6. 伪类选择器：:active、:hover； 7. 派生选择器: p > span、p span、div + p； 8：选择器权重: 通配（0）、标签（1）、类|伪类|属性（10）、id（100）、内联（1000）、特殊处理-强制使用（!important）;CSS第三章笔记内容： 1. 字体：类型font-family，尺寸font-size、样式font-style、粗细font-weight； 2. 文本：颜色color、行高line-height、对齐方式text-align、方向text-direction、缩进text-indent、装饰线text-decoration、间隔letter-spacing、阴影text-shadow； 3. 尺寸：宽width、高height、最小宽min-width、最大宽max-width、最小高min-height、最大高max-height； 4. 列表：标记list-style-image、标记位置list-style-postion、图标类型list-style-type、可用的简写list-style； 5. 背景：背景颜色background-color、背景图片background-image、背景重复background-repeat、背景图片位置background-position、背景图片固定background-attachment；CSS第四章笔记内容： 1. 盒模型：元素内容(content)+内边距(padding)+边框(border)+外边距(margin)； 2. 内边距：padding(上右下左)、单独设置(padding-top\padding-right\padding-bottom\padding-left)； 3. 边框：border、样式border-style、宽度border-width、颜色border-color； 4. 外边距：margin(上右下左)、单独设置(margin-top\margin-right\margin-bottom\margin-left)； 5. display：元素显示方式，none\block\inline-block等；CSS第五章笔记内容： 1. 浮动：float(left\right\none)； 2. 清除浮动：clear(left\right\none\both)、overflow:hidden、clearfix方案；CSS第六章笔记内容： 1. 定位：position(relative\absolute\fixed\static)； 2. 位置：top\bottom\left\right； 3. 相对定位：不脱离文档流； 4. 绝对定位：脱离文档流，相对于最近的带有相对定位的父元素；