dingling5406-CSDN博客

转载学习笔记第十五章 JavaScript基础

第15章 JavaScript基础【学习重点】了解JavaScript基础知识熟悉常量和变量能够使用表达式和运算符正确使用语句能够掌握数据类型和转换的基本方法正确使用函数、对象、数组等核心知识和技法能够编写简单的脚本，解决网页中常见特效和互动效果15.1 JavaScript入门JavaScript是一种轻量级、解释型的Web开发语言...

2017-12-11 18:51:00 271

转载学习笔记第十四章使用CSS3动画

第14章使用CSS3动画【学习重点】设计2D动画设计3D动画设计过渡动画设计帧动画能够使用CSS3动画功能设计页面特效样式14.1 设计2D动画CSS2D Transform表示2D变换，目前获得了各主流浏览器的支持；CSS3D Transform支持程度不是很完善，仅能够在部分浏览器中获得支持。语法如下：transform:non...

2017-12-08 12:03:00 244

转载学习笔记第十三章使用CSS3新布局

第13章使用CSS3新布局【学习重点】设计多列布局设计弹性盒布局样式使用CSS3布局技术设计适用移动需求的网页13.1 多列布局CSS3使用columns属性定义多列布局，用法如下：columns:column-width || column-count;column-width：定义每列的宽度；column-count：定...

2017-12-07 17:06:00 222

转载学习笔记第十二章 CSS3+HTML5网页排版

第12章 CSS3+HTML5网页排版【学习重点】正确使用HTML5结构标签正确使用HTML5语义元素能够设计符合标准的网页结构12.1 使用结构标签在制作网页时，不仅需要使用<div>标签来构建网页，还要使用下面几类标签完善网页结构：<h1>、<h2>、<h3>、<h4>、<...

2017-12-07 12:33:00 512

转载学习笔记第十一章 CSS3布局基础

第11章 CSS3布局基础【学习重点】了解CSS2盒模型。设计边框样式。设计边界样式。设计补白样式。了解CSS3盒模型。11.1 CSS盒模型基础页面中所有元素基本显示形态为方形的盒子（Box），根据盒模型规则，网页中所有元素对象都被放在一个盒子里，设计师可以通过CSS来控制这个盒子的显示方式。11.1.1 盒模型结构Box具有如下特...

2017-12-04 19:17:00 141

转载学习笔记第十章使用CSS美化表单

第10章使用CSS美化表单【学习重点】正确使用各种表单控件熟悉HTML5新增的表单控件掌握表单属性的设置设计易用性表单页面10.1 表单的基本结构表单包含多个标签，由很多控件组成。一个完整的表单结构由下面三部分组成：表单框架（<form>标签）：<form>标签是一个包含框，里面包含所有表单对象。表单域（&l...

2017-12-03 15:53:00 962

转载学习笔记第九章使用CSS美化表格

第9章使用CSS美化表格学习重点正确使用表格标签；设置表格和单元格属性；设计表格的CSS样式。9.1 表格的基本结构表格由行、列、单元格3部分组成，单元格时行与列交叉的部分。在HTML中，表格由<table>标签来定义，每个表格均有若干行，行由<tr>标签定义，每行被分割为若干单元格，单元格由<td>标签定...

2017-11-28 19:18:00 471

转载学习笔记第八章使用CSS美化列表

第8章使用CSS美化列表8.1 列表的基本结构在HTML中，列表结构可以分为两种基本类型：有序列表和无序列表。使用标签如下：<ul>...</ul>：标识无序列表；<ol>...</ol>：标识有序列表；<li>...<li>：标识列表项目。另外，还可以使用定义列表。定义列表包括词...

2017-11-28 15:54:00 672

转载学习笔记第七章使用CSS美化超链接

第7章使用CSS美化超链接学习重点认识超链接熟悉伪类定义超链接样式能够灵活设计符合页面风格的链接样式7.1 定义超链接在HTML5中建立超链接需要两个要素：设置为超链接的网页元素和超链接指向的目标地址。7.1.1 URL格式URL（Uniform Resource Locator，统一资源定位器）用语指定网上资源的位置和方式。通常由三部分...

2017-11-28 13:52:00 498

转载学习笔记第六章使用CSS美化图片

第六章使用CSS美化图片6.1 在网页中插入图片GIF图像跨平台能力，无兼容性问题；具有减少颜色显示数目而极度压缩文件的能力，不会降低图像的品质（无损压缩）；支持背景透明功能，便于图像融合到其它背景色中；可以储存多张，实现动态显示。JPEG图像有损压缩，部分细节会被忽略；跨平台，与GIF格式相同；支持1670万种颜色，...

2017-11-28 10:13:00 628

转载练习——设计特效首页

1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>设计特效首页</title> 6 <style type="text/css"> 7 ...

2017-11-25 13:37:00 129

转载练习——设计中文报刊版式

1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>设计中文版式</title> 6 <style type="text/css"> 7 ...

2017-11-24 18:49:00 104

转载练习——文本垂直（居中）对齐

1、第一个文本通过vertical-align设置为垂直对齐底部，但是在Chrome中需要加上“display:table-cell”才能实现；2、第二个文本（单行）通过设置文本高度与行高相等，间接实现文本垂直居中显示；对于多行文本，该方法无效。 1 <!DOCTYPE html> 2 <html lang="en"> 3 <head&g...

2017-11-24 16:38:00 279

转载练习——给网页配色

1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>colorful</title> 6 <style type="text/css"> 7 ...

2017-11-24 16:07:00 171

转载学习笔记第五章使用CSS美化网页文本

第五章使用CSS美化网页文本学习重点定义字体类型、大小、颜色等字体样式；设计文本样式，如对齐、行高、间距等；能够灵活设计美观、实用的网页正文版式。5.1 字体样式5.1.1 定义字体类型CSS使用font-family来定义字体类型，用法如下：font-family:name /*name表示字体名称，可以指定多种字体*/ ...

2017-11-24 15:20:00 346

转载学习笔记第四章设计网页文本

学习重点：1、熟悉HTML4定义的格式化文本标签；2、掌握HTML5新增的文本标签；3、正确选用标签设计网页文本信息。4.1 使用文本标签4.1.1 标题文本<h1>~<h6>用于定义标题。<h1>定义最大的标题，表示最重要的信息；<h6>定义最小的标题，表示最次要的信息。<h1>只用一次，...

2017-11-23 10:30:00 196

dingling5406的博客