C1认证任务03

任务一：使用富文本编辑器

• 首先，在开源富文本编辑器中输入一段文本。
  

• 在源码模式下，可以看到内容转换成带有html标签的文本。
  

• 最后，实现表格隔行变色和js按钮。
  
  

任务二：[所见即所得]式开发

• 在code.org上以「所见即所得 」的方式完成HTML和CSS系列网页开发任务。
  

CSS盒子模型：

1. IE盒模型box-sizing：border-box
   

2. 标准(W3C)盒模型box-sizing：content-box
   

3. 完成以下盒子模型
   

自测：

1. HTML5为了使img元素可拖放，需要增加什么属性?
   答：draggable:true
   

2. HTML5哪一个input类型可以选择一个无时区的日期选择器?
   答：type=“datetime-local”
   

3. cSS盒子模型中的Margin、Border、Padding都是什么意思?
   答：margin:外边距；boder:边框；padding:内边距

4. 说出至少五种常见HTML事件
   答：

• 窗口事件：onblur , onfocus , onload , onresize ;
• 表单事件：onblur , onfocus , onsubmit , onchange , onreset , oninput , onselect
• 键盘事件：onkeydown , onkeypresss , onkeyup
• 鼠标事件：onclick , ondrag , onmousedown , onmousemove , onmouseout , onmouseover , onmouseup , onscroll
• 其他事件：onshow , ontoggle

5. HTML的onblur和onfocus是哪种类型的属性?
   答：窗口事件属性，表单事件属性
6. 怎么设置display属性的值使容器成为弹性容器?
   答：display:flex
7. JavaScript中有多少种不同类型的循环?
   答：while循环，do…while循环，for循环 ，for …in ,for…of , forEach , every , some , map , filter , reduce , reduceRight
8. 用户搜索某个单词后，JavaScript高亮显示搜索到的单词，使用哪个语义化标签最合适?
   答：用<mark>标签，或者为标签添加自定义类