第二周学习小结
第二周学习小结
一、学习了百度前端技术学院零基础学院的课程,进一步巩固了CSS的使用。
例:(1)文字样式设置:文字阴影text-shadow: 4px 4px 5px red,效果如右图所示:
(2)CSS规则使用:@-规则(At-rules)在CSS中被用来传递元数据、条件信息或其它描述性信息。它由(@)符号开始,紧跟着一个表明它是哪种规则的描述符,之后是这种规则的语法块,并最终由一个半角分号(;)结束。每种由描述符定义的@-规则,都有其特有的内部语法和语义。一些例子如下:
@media 或 @document (条件信息,又被称为嵌套语句,见下方。)
@font-face (描述性信息)
(3)巩固使用ID选择器
简单举例:<p id="polite"> — "Good morning."
</p><p id="rude"> — "Go away!"</p>
样式表:#polite {font-family: cursive;}
#rude {font-family: monospace;
text-transform: uppercase;}
(4)通用选择器(*)允许选择在一个页面中所有的元素。
二、在Codepen上完成“简历”制作
最终版本:
三、更新修正了复原网页的代码(占用了大部分时间且过程中问题出现最多)。
四、学习JavaScript(脚本语言)
个人重难点总结:
(1)写入HTML输出
<script>
document.write("<h1>This is a heading</h1>");
document.write("<p>This is a paragraph.</p>");
</script>
(2)外联使用JS:<script src="***.js"></script>
(3)HTML 中的脚本必须位于 <script> 与 </script> 标签之间。脚本可被放置在 HTML 页面的 <body> 和 <head> 部分中。
(4)通过指定id访问脚本。
例:<p id="demo">我的第一个段落</p>
<script>document.getElementById("demo").innerHTML="我的第一段JavaScript"; </script>
(5)与HTML不同:在文本字符串中使用反斜杠(\)对代码行进行换行;单行注释以 // 开头;多行注释以 /* 开始,以 */ 结尾。
(6)三种创建数组的方法: