- 博客(5)
- 资源 (2)
- 收藏
- 关注
RSS订阅原创 前端学习笔记（五）HTML+CSS静态页面实战案例：幸福西饼首页和百度首页
第一次跟着教程做了幸福西饼实战静态页面项目。 第一步：把教程中给的common.css 改成规范的格式，把自己看不懂或是没记清楚的标签等等查一遍，整理一下。 Html： dl，dd，dt：定义列表（definition list），定义列表中的项目，解释项目 CSS: padding，margin：盒模型的内边距，外边距。（非常重要） display：display 属性规定元素应该生成的框的类型。 block即是该元素将显示为块级元素，此元素前后会带有换行符。（好像还挺常用，用于让有些元素上下分开） cl
2020-07-16 22:41:02
1019
原创 前端学习笔记（四）HTML入门扩充
之前在学习HTML的时候，按照Web 前端怎样入门？中汪小黑的回答中所给的学习路线图，照着W3school的HTML基础教程，只学习到了HTML列表部分。在学习CSS的过程中，逐渐发现有一些HTML内容（块、类等等）并不熟悉。现在在开始着手做练手小项目静态网页之前，我想再把HTML的基础补习一下，把HTML基础教程全部看完，并且尽量手敲一下。 1.HTML块元素 <div>是块级元素（block level element），用来组合其他HTML元素。 <span>是内联元素（ in
2020-07-09 17:16:53
196
原创 前端学习笔记（三）CSS盒模型和CSS定位
这两天主要学习了CSS盒模型和CSS定位。学习笔记如下： CSS盒模型 盒模型也叫框模型，结构如下： W3school的翻译很好，把margin和padding翻译成外边距和内边距，避免引起混淆。以下是对盒模型中结构的介绍： 1.padding内边距：可按照上，右，下，左的顺序分别设置，也可以通过top，right，bottom，left设置。不可以为负值，可以使用px，em，ex，cm，百分比作为单位。 注：em为元素的字体高度The height of the element’s font ，如当前对行
2020-07-08 17:19:41
156
原创 前端学习笔记（二）CSS入门
在学完HTML的基础内容之后，开始接触到CSS，发现bracket确实非常方便，快捷键ctrl+e即可打开光标所在位置的标签的css内容，非常方便进行修改。以下是CSS的基础知识笔记（还没有学到盒模型）： 1.CSS指层叠样式表。样式通常储存在样式表中，定义如何显示HTML元素。把样式添加到HTML中，是为了解决内容与表现分离的问题。 外部样式表可极大提高工作效率，通常存储在CSS文件中。多个样式定义可以层叠为一。 样式表极大地提高了工作效率。它使得开发者可以同时改变站点中所有界面的布局和外观。 2.怎么使
2020-07-06 10:46:02
113
原创 前端学习笔记（一）HTML入门
我从昨天开始学习前端技术。想要以博客的形式，记录一下自己的学习内容，并且把自己认为有用的部分记录下来，以便于自己以后查询，同时也希望能够帮助到其他学习者。 我的前端学习路径参考了知乎Web 前端怎样入门？ 问题下汪小黑的回答。学习资料目前主要使用w3school。按照汪小黑的学习路径，我目前花费一天半时间学习了w3school上面的HTML教程，包括“HTML基础教程”的“HTML教程”到“HTML列表”部分，以及“HTML表单”部分。其中大部分代码示例，我都照着打了一遍，以加深记忆和使用理解。 编辑器方面
2020-07-04 11:19:20
129
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人