发表于： 2018-08-05 00:30:38
3 642
今天完成的事情：今天刚看完第一课，对前端有了进一步了解。
一位合格的初级前端工程师，应当具有编程能力、调试代码能力、知道标准规范
还得拥有一些软技能（例如Photoshop）
对HTML(标记语言）、CSS（装饰工具）、JS（脚本语言）
有了初步了解。
认识了盒子模型、浮动的概念。
初步认识了CSS的语法，对块级元素、内联元素有了一定认识。
明天计划的事情：复习第一课，看第二课，安装编程用的软件，完成任务一的九宫格，写下日报。
遇到的问题：虽然已经对前端有些许了解，但是不知道如何记忆这么多的编程知识，不知道是不是大神都有一个小本子（OR GOOGLE），方便自己随时查阅。由于时间关系，对浮动没有更深入的了解，只知道浮动的大概效果。
收获：
HTML标签：开头必有<!DOCTYPE> #文档类型；
<html> #根元素；
<head> #元素信息，
内嵌套<meta>可以规定字符标准，甚至一行代码可以解决跨平台问题；
<body> #身体内包含内容；
<h1>~<h6> #标题，<p> #段落，<u1>、<li> # 表、列表项；
<div>是一个可以放很多东西的箱子。
注：一般情况下都要用原标签内加“/”结束，例如<div>...</div>。
CSS语法：<选择器>{属性：值；属性：值；} #花括号里的是声明，“*”：通配符选择器，“tag”：标签选择 器，“#”： id，“.类名”：class选择器，还有<body>里的标签选择器，结构性的选择器：加空格寻 找嵌套内的标签。
块级元素和内联元素的区别：块级元素是整块的，占据一行且不换行，而内联元素不换行，相当于在，块级元素夹缝中生存的兄弟。
盒子模型：一般打开Chrome或其他浏览器，按F12，点击标签Elements，就可以看到一个盒子。我之前一直都不懂这是什么，今天学到了盒子模型的概念恍然大悟，盒子里有5个属性，宽、高（宽高定义大小）、内边距（内容和盒子之间的距离）、外边距（盒子之间的距离）、边框（样式大小），除此外盒子还有方向，顺时针，上右下左。
浮动：浮动是一个很好的功能，在页面布局的时候起到很大的作用，若不浮动，内联元素的框框就会偏离，看起来不协调，而添加浮动代码后，两个内联元素的框框就会挨着进行浮动（一般是左右），有种文字环绕的效果或者通过浮动做更多的复杂布局。
返回列表
评论