当前课程知识点:现代教育技术 > 第七章网页制作基础 > 7.6CSS技术 > 7.6.2CSS技术(二)
同学们大家好
今天我们来学习CSS技术二
这节课的内容
在网页中使用CSS的第二种方式
在style标记符中
定义样式信息
CSS应用于网页的最常用的方式
就是在head标记符内
使用style标记符
然后在style标记符中来定义样式
定义样式的方式
selector{property1:value1;
property2:value2;- - -}
以此类推
下面我们来看一个例子
在这个例子中
我们在head标记符中去定义style标记符
段落标记符p
它的字号进行设置
文字的对齐方式进行设置
然后我们又设置了h1
它的对齐方式和字体
那么在body中
我们可以直接引用h1 p的
我们之前定义的style样式
下面我们来操作这个例子
还是我们选择
一代人黑夜给了我黑色的眼睛
我却用它寻找光明做例子
选择代码视图
在head标记符内
我们输入〈style〉
接下来我们输入p大括号
对p进行属性和值的设置
选择text-align居中
center分号
在回到大括号的后面
按回车
输入f
font-size字号
字号这里边是像素值
我们选择二十四像素
分号
好
p的设置完毕
用大括号括回来
下一行输入h1大括号
输入text-align
对齐方式选择居中
分号
然后按回车键font-family
选择宋体
输入分号h1的属性值设置完毕
用大括号括回来
这样我们就对段落标记符p和h1
进行了样式设置
设置完毕后
〈/style〉
下面我们在一代人这里边进行设置
h1
好
在一代人三个字结束的位置输入/h1
然后我们输入p
段落标记符p
把尖角号括回来
在光明这输入/p
那么中间需要有一个〈br/〉
好
那么下面我们看一下我们的设置
p和h1
p的font-size
字号是二十四号字
对齐方式是居中
h1的字体是宋体
字号对齐方式也是居中
好
下面选择文件保存
在浏览器中预览
好
关于CSS技术二这节课的内容
我们就介绍到这里
谢谢大家
-1.1 现代教育技术的定义
-1.2视听教育理论
-章末测试
-第一章 现代教育技术概述--章末测试
-2.1教学设计定义及基本过程模式
-2.2 翻转课堂的教学设计
-章末测试
--翻转课堂的教学设计
-章末测试--作业
-3.1 现代教学媒体及常用设备
-3.2数字化校园
-- 3.2.3多媒体网络教室
-- 3.2.4智慧教室
-- 3.2.5虚拟实验室
-章末测试
-章末测试--作业
-4.1文本素材的获取与处理
-4.2图像素材处理
--4.2.5利用Photoshop对选区进行操作及对选区内容的整合
-4.3声音素材处理
--4.3.2利用Adobe Audition软件进行声音素材的编辑
-4.4视频素材处理
-章末测试
-章末测试--作业
-期中测试--作业
-5.1多媒体课件概述
-5.2Powerpoint课件制作
--5.2.4PowerPoint课件设计原则、色彩运用及字体使用
-5.3Flash课件制作
--5.3.3使用FLASH软件编辑图形(把标题里的大写字母除首字母外变小写)
-章末测试
--课件制作:利用FLASH制作一个动画,时长不少于1分钟,学科内容自选。
-章末测试--作业
-6.1微课简介
-6.2利用Camtasia Studio制作微课
--6.2.2利用Camtasia Studio录制Powerpoint
-6.3微课制作辅助软件
-章末测试
--微课制作:利用Camtasia Studio进行录屏制作微课
-章末测试--作业
-7.1文本分段
-7.2控制文本在显示效果
-7.3列表格式
--7.3列表格式
-7.4创建超链接
--7.4创建超链接
-7.5网站实例
-7.6CSS技术
-章末测试--作业
-8.1网络教育概述
-8.2慕课的运用
--8.2慕课的运用
-8.3移动学习及其资源开发
-8.4虚拟现实技术及其教育应用
-章末测试
-章末测试--作业
-期末测试--作业