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