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