web程序设计基础R——期末总结

第一章 Web前端开发概述

• web前端开发相关概念
  1. URL：统一资源定位符
     由4部分组成：协议、主机、端口、路径
     
• web前端开发相关技术
  HTML CSS Javascript

---

第二章 HTML5 基础

• HTML标签
  
  
  1. 水平线标签<hr>属性
  width：水平线的宽度
  size：水平线的粗细
  align：center left right 水平线的对齐方式
  2. 特殊字符标签：<表示<           &gt;表示>          表示空格
  3. 图片标签<img 属性 = "属性值">
  alt：规定图片的代替文本（必须）
  src：规定显示图片的URL
  height和width是可选的
  4. 超链接标签
  当我们没有设置超链接属性target的value值时默认是_self，即<a target="_self">。它使目标文档显示在超链接所在框架或者窗口中
  
  5. 表格标签
  
  
  6. link标签只能存在于head部分，不过可以出现多次

---

第三章 页面元素和属性

---

• 交互元素

1. progress：

<progress value = "当前进度值" max = "最大值">
</progress>

2. meter 元素
   <meter value = "当前度量值" min = "最小值" max = "最大值">...</meter>
   

3. details和summary元素

<details open>
    <summary>Hello World</summary>
    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Voluptas, impedit.</p>
</details> 

4. menu 元素
   和li结合使用，用来定义一个列表式的菜单
   

5. command 元素表示用户能够调用的命令
   

---

• 分组元素
  
  

---

• 全局属性
  1. hidden属性
  
  2. spellcheck 属性
  规定是否对元素进行拼写和语法检查。
  
  3. contenteditable
  规定元素内容是否可编辑
  
  4. contextmenu
  

---

第四章 构建Web表单

第五章 音频与视频

---

第六章css3概述

---

第七章 css3语法

• css3选择器
  通用选择器
  标签选择器
  类选择器
  id选择器
  伪类选择器
• 在网页中使用css的四种方法
  内联css样式
  嵌入css样式
  链入外部css样式
  导入外部css样式
• css样式的特性
  css样式的继承性：内部标签可以继承外部标签的样式，但是不是所有的属性都可以继承
  css样式的特殊性：权重越高的css样式会被优先使用
  css样式的层叠性
  css样式的重要性：!important
• css3常用样式属性：
  1. 字体文本样式
     font-fanily
     font-size
     font-style
     font-variant：以小型大写字体或者正常字体显示文本
     font-weight
  2. 设置网页中的文本样式
     line-height
     letter-spacing：设置字符之间的距离
     word-spacing：设置单词之间的距离
     text-align：对齐元素中的文本
     text-indent：缩进元素中文本的首行（2em）
     text-transform：设置文字的大小写
     text-decoration：文本修饰的种类（添加下划线、删除线之类）
     text-decoration-color：指定文本修饰线条的颜色
     text-shadow：设置文本阴影
     text-overflow：控制页面中溢出的文本内容
     3.背景样式
     background-color
     background-image
     background-repeat
     background-attachment：对象的背景图片是随对象内容滚动的还是固定的
     background-position
     4.边框样式
     border-width
     border-style
     border-color
     border-radius
     border-image
     box-shadow
     5.列表样式
     list-style-type
     list-style-image
     list-style-position
     list-style

---

第八章 CSS3页面布局

1. 网页布局的类型
   • 固定宽度网页布局
   • 流式网页布局（百分比布局）
   • 响应式布局——针对不同网页大小调整样式
2. DIV + CSS网页布局
3. 设计多列布局

   • 设置多列显示样式
     columns: column-width || column-count;

   • 定义行间距
     column-gap: normal | <length>

   • 定义列边框样式
     column-rule: [column-rule-width] || [column-rule-style] || [column-rule-color];

   • 定义跨列显示
     column-span: 1 | all;

---

第十章 Javascript概述

• 在H5中使用Javascript代码

  1. Javascript嵌入HTML5文件内
     

2. 外部Javascript文件

<script src = 外部脚本文件路径>
</script>

---

第11章 Javascript语言基础

---

第12章 JavaScript对象

• 字符串对象

  1. 字符串对象的属性
     
  2. 字符串对象的方法
     

• 数学对象
  

• 日期对象
  
  
  
  
  
  

• 数组对象

  1. 数组对象的常用方法