2020/06/14 这是WEB前端全栈的第一周笔记以累土为始方能建九层之台, 从足下起步才可成千里之行。我们旨在进行全栈开发,然而需从最基础的HTML起始。第一章为入门内容。作为WEB载体的互联网是美国于冷战时期由军方发明后经商业化而问世的, 故而美国人往昔也曾颇具实力。浏览器起着解释HTML及渲染页面的作用。浏览器与服务器所构成的便是BS架构。第二章属于初识。WEB开发涵盖前端与后端, 前端包含HTML/CSS/JS这三大要素。从 WEB 标准由 WD 到 CR 一直到 REC 的制定进程, 还有暂未成为标准的 NOTES 的阐释等。对开发工具予以介绍。HTML 的发展历程, 在语法严格规范和灵活运用之间所做的权衡。标签的简要说明: 单标签与双标签、元素、属性。第三章是常用标签。先是 HTML 的结构标签: 一个是 head, 另一个是 body。标题、段落, 非语义标签 div 以及 span。链接, 还有在历史上把空链接用作按钮的做法。图片、列表。第四章是表格。表格的结构, 有着thead部分, 有着tbody部分, 还有tfoot部分。有行存在了, 也有列存在, 有跨行的情况, 也存在着跨列的情况。具备各种属性呀: 诸如//width , 还有//align /// , 能够控制不一样的展示细节。总结为: 老师在讲解HTML技术之时, 还准备了相关标准背景方面的知识, 也准备了技术历史方面的知识。这可是一门蛮不错的课程, 值得我们好好去学习。笔记是关于WEB前端全栈的, 时间是2020年6月21日, 在2020年7月4日进行了补记。因别的事儿耽搁了本周笔记, 今日来补记。HTML的第5章是表单, 被老师打的一个颇有趣味性的比喻来形容, 表单之中有着众多一个个小小的组件, 然而它们组合到一块儿, 便能构成内容丰富的表单。学习Input元素之后, 知晓其具备的属性有name、value、type, 这些又展示出表单组件的多样特性, 还演示有一个单选框在内容上点击便能够被选中的实用小技巧。CSS第一章为简介方面, CSS的全称是Style Sheet, 也就是层叠样式表。该名称所蕴含的意义为, 样式能够呈现出多种形态, 是那种会被覆盖以及层叠堆砌起来的, 阐述css的标准化历程, 它是于HTML发展进程里, 因遭遇页面表现方面的难题应运而生的一项技术, 故而其标准化是在HTML之后, css引入的若干种方式, css的语法格式, css的层叠与继承特性, CSS第二章选择器, 选择器具备的作用是挑选HTML文档之中的元素, 能够对通配符予以支持, 在此处老师展示了于里检视元素的方式及细节之处, 极具实用性。可经由多个维度予以选择, 像id/类属性这般还有伪类、派生以及相邻兄弟等等事项。权重的运算。此章节颇为枯燥乏味, 需于实际运用当中去加深领会。总结得出: 相较于第1周, 第2周新鲜感会逐步减弱, 务必要持续学习~补记于2020/07/05, 2020/06/28时所记, 此乃WEB前端全栈第三周的笔记。本周笔记因别的事情给耽搁了, 今日进行补记, CSS第三章, 常用属性, 其内容包含字体, 文本, 尺寸, 列表, 以及背景, 字体方面先是对衬线非衬线字体、等宽字体的概念做了科普, 讲解了怎样在里查看fonts, 字体具备/size/style/等属性。文本主要具备color属性, 还有line-属性、text-align属性, 其中text-align还有---//-可负这种形式, 尺寸方面有着width属性, 还有min-max-auto等情况, 列表存在list-style-image属性、type属性等, 可以运用type:达成跟有序列表标签等效的效果, 背景拥有-color属性、image属性等。CSS第四章是CSS盒模型。用快递包裹来作比喻, 从里到外包裹依次是商品、保护垫、快递盒、外保护层, 它们分别对应于。理解起来非常容易。其属性顺序为: top, right, left, 讲到复合属性, 也许我理解得不太准确, 感觉跟简写属性没丝毫差异。针对块和内联元素之间距离的殊异处理, 此二者可反转配置。讲述了一项面试的技巧: 怎样消除内联元素之间与生俱来的间隙的问题。总结得出: 第3周越发枯燥, 学习知识本来就是颇为枯燥的。2020/07/05 这是WEB前端全栈的第四周笔记CSS第五章当中涉及到浮动, 其内容包含float、clear, 或上层的, 或是一个用到了伪元素的方案, 而这个方案日后还需要进一步去理解。本章呢有一个实战的例子就是做二侧为固定宽度, 中间可自动驾驶, 它是使用了飞明确不是大保健含义里所称之飞翼布局来达成的。其中所运用到的一个技巧是用到了负, 并且中间相应的div部分是先进行加载的, 左右部分则是后加载, 这跟一般通常理解有些许不一样。要看一下老师在VS里的快捷输入, 就像h20是指得到200px的快捷输入。CSS第六章是定位。存在这样的内容: :/fixed// 其中层级z-index充当的是配角, 要配合着去使用 然而该如何应用, 这是一个问题 进行总结: 在第4周的时候变得愈发枯燥 需要去多做一些习题, 尤其是最后面那一个实践题 不然的话就仅仅是停留在听过课的那种层次, 没办法进化到熟练掌握的层次。CSS web前端 HTML