- 博客(5)
- 资源 (2)
- 收藏
- 关注
原创 前端学习笔记(五)HTML+CSS静态页面实战案例:幸福西饼首页和百度首页
第一次跟着教程做了幸福西饼实战静态页面项目。第一步:把教程中给的common.css 改成规范的格式,把自己看不懂或是没记清楚的标签等等查一遍,整理一下。Html:dl,dd,dt:定义列表(definition list),定义列表中的项目,解释项目CSS:padding,margin:盒模型的内边距,外边距。(非常重要)display:display 属性规定元素应该生成的框的类型。block即是该元素将显示为块级元素,此元素前后会带有换行符。(好像还挺常用,用于让有些元素上下分开)cl
2020-07-16 22:41:02
1094
原创 前端学习笔记(四)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
241
原创 前端学习笔记(三)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
198
原创 前端学习笔记(二)CSS入门
在学完HTML的基础内容之后,开始接触到CSS,发现bracket确实非常方便,快捷键ctrl+e即可打开光标所在位置的标签的css内容,非常方便进行修改。以下是CSS的基础知识笔记(还没有学到盒模型):1.CSS指层叠样式表。样式通常储存在样式表中,定义如何显示HTML元素。把样式添加到HTML中,是为了解决内容与表现分离的问题。外部样式表可极大提高工作效率,通常存储在CSS文件中。多个样式定义可以层叠为一。样式表极大地提高了工作效率。它使得开发者可以同时改变站点中所有界面的布局和外观。2.怎么使
2020-07-06 10:46:02
154
原创 前端学习笔记(一)HTML入门
我从昨天开始学习前端技术。想要以博客的形式,记录一下自己的学习内容,并且把自己认为有用的部分记录下来,以便于自己以后查询,同时也希望能够帮助到其他学习者。我的前端学习路径参考了知乎Web 前端怎样入门?问题下汪小黑的回答。学习资料目前主要使用w3school。按照汪小黑的学习路径,我目前花费一天半时间学习了w3school上面的HTML教程,包括“HTML基础教程”的“HTML教程”到“HTML列表”部分,以及“HTML表单”部分。其中大部分代码示例,我都照着打了一遍,以加深记忆和使用理解。编辑器方面
2020-07-04 11:19:20
176
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人