电商网页开发
2022-11-17 16:05:39 8 举报AI智能生成
免费提供给老师要求做html和css思维导图作业的学生，不敢写太详细，免得到时你老师说你是网上抄的
作者其他创作
大纲/内容
HTML5基础
基本结构和标准
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
</head>
<body>
</body>
</html>
<html>
<head>
<meta charset="utf-8">
<title></title>
</head>
<body>
</body>
</html>
基本标签
图像标签
超链接标签
列表，表格与媒体元素
列表
无序列表：<ul><li></li></ul>
有序列表<ol><li></li></ol>
<dl>
<dt>标题</dt>
<dd>第一项</dd>
</dl>
<dt>标题</dt>
<dd>第一项</dd>
</dl>
媒体元素
视频/音频链接：
<video/audio sre="视频路径" controls="controls">
</video/audio>
<video/audio sre="视频路径" controls="controls">
</video/audio>
表格
<table>
<tr>
<th>第1个单元格</th>
</tr>
</table>
<tr>
<th>第1个单元格</th>
</tr>
</table>
<table>
<tr>
<th colspan="合并所跨的列数">第1个单元格</th>
</tr>
</table>（合并单元格）
<tr>
<th colspan="合并所跨的列数">第1个单元格</th>
</tr>
</table>（合并单元格）
结构元素
表单
表单隐藏域：input type=“hidden”
只读和禁用：readonly,disabled
CSS3
结构：<style>效果值
</style>
</style>
样式：1.行内样式（级别最高）
2.内部样式表
3.外部样式表
2.内部样式表
3.外部样式表
选择器
基本选择器
标签选择器
类选择器
ID选择器
高级选择你器
层次选择器
结构伪类选择器
美化网页元素
文本样式设置
span：特殊标记
font：字体格式设置
text：文本编辑
超链接和列表样式设置
超链接标签：a
a:link单击访问前的样式
a:visited~访问后的样式
a:hover鼠标移动到上面的样式
a:active鼠标点住不放的样式
背景样式使用background属性进行设置
盒子模型（后面的浮动，动画都是对盒子模型添加属性归到一张）
标签<div></div>
边框属性border
外边距属性margin
内边距属性padding
边框属性border
外边距属性margin
内边距属性padding
盒子模型边框设置
圆角边框：border-radius
盒子阴影
box-shadow
浮动属性
display可以赋予行内元素块元素的属性或者赋予块元素行内元素的属性
float浮动属性设置
position定位属性
static默认属性
relative设置元素相对定位
absolute设置绝对定位
fixed固定定位
z-index设置元素的层数相等于wold文档编时的置于顶层或者至于底层
0 条评论
下一页
