第二周学习小结

第二周学习小结

一、学习了百度前端技术学院零基础学院的课程,进一步巩固了CSS的使用。

例:(1)文字样式设置:文字阴影text-shadow: 4px 4px 5px red,效果如右图所示:

2)CSS规则使用:@-规则(At-rules)CSS中被用来传递元数据、条件信息或其它描述性信息。它由(@)符号开始,紧跟着一个表明它是哪种规则的描述符,之后是这种规则的语法块,并最终由一个半角分号(;)结束。每种由描述符定义的@-规则,都有其特有的内部语法和语义。一些例子如下:

@charset 和 @import (元数据)

@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)三种创建数组的方法:

 

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值