Web前端学习(打卡机)

在补齐了Java后端的短板之后,我准备补补前端的课。这篇文章可以作为我前端学习的过程记录(打开机)。

  1. 2016年6月26日:在codecademy上学习HTML && CSS课程。

codecademy勋章若干

  1. 2016年6月29日:codeacdemy学习进度:77%,准备将免费的课程学完之后,升级成收费账号,学习剩余的练习课程。
  2. 根据下面这段话,让你完全掌握CSS盒模型(css box model)。As you can see, each box is made of layers. From the outermost to the innermost:
  • The margin is the space around the element. The larger the margin, the more space between our element and the elements around it. We can adjust the margin to move our HTML elements closer to or farther from each other.
  • The border is the edge of the element. It's what we've been making visible every time we set the border property.
  • The padding is the spacing between the content and the border. We can adjust this value with CSS to move the border closer to or farther from the content.
  • The content is the actual "stuff" in the box. If we're talking about a p element, the "stuff" is the text of the paragraph. You'll see abbreviations like TM, TB, andTP in the diagram. These stand for "top margin," "top border," and "top padding." As we'll see, we can adjust the top, right, left, and bottom padding, border, and margin individually.

css box model

  1. clear elements:If you tell an element to clear: left, it will immediately move below any floating elements on the left side of the page; it can also clear elements on the right. If you tell it to clear: both, it will get out of the way of elements floating on the leftand right!
  2. absolute position和static position有啥区别?
  3. 学习心得:The more you practice, the better you'll get.

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏Golang语言社区

【go语言】Goroutines 并发模式(二)

摘要 接上一篇博客,主要是对GO语言中的并发编程模式做一个粗略的归纳总结,文中示例参考自golang conference中的一些演讲和博客,go涉及到的Go语...

2423
来自专栏向治洪

移动客户端WebP 图片格式优化

前言 在移动端,图片一直是流量大头,一些商品列表和详情等页面,图片大小动不动就以几百K,当然在某些比较大的公司会根据具体情况去加载相应尺寸的图片,这就意味着服务...

3057
来自专栏web前端教室

面试时对方问你,“xxx需求你是怎么做的”?你可以这样回答

如何去分析一个需求?这两天在给零基础课的同学们讲课的时候,正好讲到了,产品详情页的图片展示这里,ui是这样的, ? 跟京东那个的ui交互操作是一样的,我跟他们讲...

1965
来自专栏AI研习社

Github 项目推荐 | 真实全景图像强化学习 AI 平台 —— Matterport3DSimulator

Matterport3DSimulator 可以使用视觉信息(RGB-D 图像)开发与真实 3D 环境交互的 AI Agent,它主要应用于深度强化学习的研究以...

48912
来自专栏MixLab科技+设计实验室

以图搜图技术栈

先看个案例: ? 这是什么动画 https://whatanime.ga/ 一个用于通过动画截图找出处的搜索引擎。可以找到跟动画截图相似的动画片截图,并找到动画...

5578
来自专栏腾讯NEXT学位

简单三步做出微信h5表情包

2204
来自专栏数据小魔方

R语言可视化——REmap动态地图

今天开始,要跟着大家学习一个新的可视化R包——REmap包。 说起来,这个包要归功于百度的可视化开源项目——echarts,它是国内为数不多的高水平开源可视化j...

7636
来自专栏大数据文摘

手把手|在Python中用Bokeh实现交互式数据可视化

2.8K5
来自专栏向治洪

客户端WebP 图片格式优化

前言 在移动端,图片一直是流量大头,一些商品列表和详情等页面,图片大小动不动就以几百K,当然在某些比较大的公司会根据具体情况去加载相应尺寸的图片,这就意味着服务...

2909
来自专栏编程微刊

【前端统计图】echarts实现简单柱状图项目地址下载:

1884

扫码关注云+社区

领取腾讯云代金券