admin 管理员组

文章数量: 1087139


2024年5月25日发(作者：toupper函数头文件)

课题：

css+div布局代码（一）

教学目标： 让学生初步了解div+css，并学会用代码写出css+div布局

教学重点，难点： 学生新接触的知识比较复杂，学生在学习和运用的时候会比

较难。

德育渗透：

教学内容、过程：

导入

之前我们学过用菜单的方式来写css样式，今天，我们用代码来写css样式。通

过们感受下哪种方式比较方便快速。

新授

学习HTML中的div+css布局，css选择器是必不可少的，那么经常会使用哪些

常见的选择器那？我们通常会使用8种选择器。

一、标签选择器

格式：标签名{属性名:值; 属性名2:值2;}

如：h1{color：red}

作用：可以给单个或重复多个的标签定义共同的样式。

案例知识：

案例1：

新视觉实训

山东

uihfuioewhuiofhe

倾斜字

学习HTML中的div+css布局，css选择器是必不可少的，那么经常会使用哪

些常见的选择器那？我们通常会使用8种选择器，当然，这里不包含css3的选

择器，如果你还没有学习，那就赶紧预习下吧。

huiewhioiorehgoirehgiorehgi

百度一下

案例2：

（一） 块级元素

代表元素：h1-h6，div，p，ul，ol，dl，li，dt，dd

特征：1、独立显示一行

2、默认宽度等于父级的宽度

3、可定义元素的宽高

4、任何元素可以通过Display：block转为块元素，转换后，将具

备块级元素所有的特征。

（二）行级元素

代表元素：a，span，strong，b，em，i，font，u

备注：

第 2 页


本文标签： 元素 学生 样式

版权声明：本文标题：css+div布局代码(一)教案 内容由网友自发贡献，该文观点仅代表作者本人， 转载请联系作者并注明出处：http://roclinux.cn/b/1716610120a694045.html， 本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容，一经查实，本站将立刻删除。