当前位置: 首页 > Web前端 > HTML

2016百度前端技术学院Task02

时间:2023-04-02 19:46:36 HTML

Task02demoDEMO:https://amnova.github.io/New-...整个项目github地址:https://github.com/amnova/New...Task02的GitHub地址:https://github.com/amnova/New...一开始我只是想简单的把百度前端技术学院的tasks重新来一遍,但是在做的过程中,我想记录一下我在这个过程中遇到的事情。一系列问题的思考。本专栏会持续更新。作为一个刚入门,正在苦苦挣扎的学习者,我深知手写项目的重要性和意义。现将自己完成的小项目源码分享在Github上,希望对广大前端初学者有所帮助。小项目也蕴含大智慧。毕竟,复杂的页面是由小组件构建的。记录、记忆、练习、组织和学习的唯一方法在于精确和刻意的练习。以下是我完成task02过程中复习的知识点整理。在这个DEMO中,我主要是磨练自己掌握的技能。导航栏制作回顾(设置行高实现文字垂直居中的小技巧)如何掌握HTML5新标签的使用

如何做出好看的表格?如何按要求对齐表单控件?页面的整体布局有点趣味:在网页标题前添加一个可爱的小图标。这个DEMO涉及我的知识盲点。简单记录一下忘记的事情。下次打开的时候,很容易回忆起过去的痛苦和迷茫1、点击一个链接后,如何在新窗口打开对应的链接?我是便宜又可爱的链接2.如何使用盒子阴影?忘了怎么玩box-shadow?下面是box-shadowdiv的标志性用法{box-shadow:5px5px5pxrgba(0,0,0,.6);}3.border-radius也忘了?典型用法input[type="submit"]{border-radius:10px;}(基本经典用法掌握即可,这是最常用的,其他复杂参数了解即可,没必要一夜之间全部背下来.毕竟人的精力是有限的,记忆力也不可靠)4.深度学习图片带标题https://www.w3.org/Style/Exam...HTML:
HappyNewYear
CSS:文章图{border:1pxsolid#999;宽度:100px;填充:10px;text-align:center;}articlefigureimg{width:100px;}5.掌握好看的表格跨列跨行colspan、rowspan6。掌握好看的表单标签有两种用法,通过给标签设置for属性,或者直接用7.如何对齐表单控件?用浮动标题的方法对齐表单控件(详见CSS代码注释部分)。使用display:inline-block设置控件name部分的宽度(对应HTML中的