全部章节   >>>> 本章目录 2.1 音频标签和视频标签 2.1.1 音频标签 2.1.2 视频标签 2.2 列表.div 以及 span 标签 2.2.1 列表标签 2.2.2 div 标签和 span 标签 2.3 表格标签 2.3.1 创建表格 2.3.2 创建不规则表格 2.3.3 表格相关的其他标签 2.4 表格的美化修饰和布局 2.4.2 表格布局 总结: 2.1 音频标签和视频标签 2.1.1 音频标签 HTML5 提供了一个标准的方式来播放 Web 中的音频文件…
持续更新中- 我的大学笔记>>> 章节 内容 第1章 HTML网页设计基础笔记 • [第1章 HTML5基础] 第2章 HTML网页设计基础笔记 • [第2章 排列页面内容] 第3章 HTML网页设计基础笔记 • [第3章 表单] 第4章 HTML网页设计基础笔记 • [第4章 CSS3基础] 第5章 HTML网页设计基础笔记 • [第5章 常用的样式属性] 第6章 HTML网页设计基础笔记 • [第6章 背景和阴影] 第7章 HTML网页设计基础笔记 • [第7章 盒子模型] 第8章…
全部章节   >>>> 本章目录 5.1 字体及文本属性 5.1.1 字体属性 5.1.2 文本属性 5.2 边距和填充 5.2.1 边距 5.2.2 填充 5.3 边框属性 5.3.1 border 属性 5.3.2 border-radius 属性 5.4 列表属性 5.4.1 列表属性 5.4.2 垂直菜单的实现 总结: 5.1 字体及文本属性 5.1.1 字体属性 CSS3 的字体属性用于定义字体类型.字号大小以及字体是否加粗等. 属性名 说明 举例 font 设置字体的所…
全部章节   >>>> 本章目录 8.1 表格布局 8.1.1 表格布局 8.2 流式布局 8.2.1 瀑布流布局 8.2.2 masonry 实现瀑布流布局 8.3 div 布局 8.3.1 上下结构 8.3.2 上中下结构 8.3.3 上导航中下结构 8.3.4 左窄右宽 8.4 div 高级 8.4.1 内容左中右 8.4.2 导航内容左中右 8.4.3 内容右窄左宽 8.4.4 内容左窄右宽 总结: 8.1 表格布局 8.1.1 表格布局 HTML5 的表格标签除了以网格形…
全部章节   >>>> 本章目录 7.1 盒子模型原理 7.1.1 盒子模型概述 7.1.2 盒子的大小 7.1.3 盒子之间的关系 7.2 标准文档流 7.2.1 标准文档流概述 7.2.2 display 属性 7.2.3 visibility 属性 7.3 盒子浮动 7.3.1 float 属性 7.3.2 清除浮动 7.4 盒子定位 7.4.1 静态定位 7.4.2 相对定位 7.4.3 固定定位 7.4.4 绝对定位 7.4.5 z-index 属性 总结: 7.1 盒子…
全部章节   >>>> 本章目录 6.1 背景属性 6.1.1 背景颜色 6.1.2 背景图片 6.1.3  背景图片的重复方式 6.2 背景图片的定位 6.2.1 background-position 属性 6.2.2 CSS Sprites 6.3 背景的渐变 6.3.1 线性渐变 6.3.2 径向渐变 6.4 阴影属性 6.4.1 文字阴影 6.4.2 盒子阴影 总结: 6.1 背景属性 一般可以通过设置页面元素的背景颜色或背景图片,来实现网页整体丰富的视觉效果.CSS3中…
全部章节   >>>> 本章目录 4.1 CSS 概述 4.1.1 CSS 简介 4.1.2 CSS3 基本语法 4.1.3 样式表的分类 4.2 CSS 基本选择器 4.2.1 标签选择器 4.2.2 类选择器 4.2.3 ID 选择器 4.3 CSS 扩展选择器 4.3.1 组合选择器 4.3.2 包含选择器 4.3.3 交集选择器 4.3.4 伪类选择器 4.4 CSS 的特性 4.4.1 CSS 继承性 4.4.2 CSS3 层叠性和优先级 4.4.3 综合案例 总结: 4…
全部章节   >>>> 本章目录 3.1 表单 3.1.1 表单概述 3.1.1 表单概述(续) 3.1.2 表单标签 3.1.3 表单数据的提交方式 3.2 输入框和按钮 3.2.1 表单元素概述 3.2.2 输入框 3.2.3 按钮 3.3 单选按钮.复选框和下拉框 3.3.1 单选按钮 3.3.2 复选框 3.3.3 下拉框 3.4 表单验证 3.4.1 必填验证 3.4.2 类型匹配验证 3.4.3 控制字符数量 3.4.4 验证输入范围 3.4.5 自定义错误消息 总结:…
全部章节   >>>> 本章目录 1.1 HTML介绍及开发工具 1.1.1 HTML 的基本概念 1.1.2 网页 1.1.3 Web 标准 1.1.4 HTML5 与移动互联网 1.1.5 网页开发工具 1.2 HTML5 标签 1.2.1 HTML5 标签概述 1.2.2 doctype 标签 1.2.3 html标签 1.2.4 head 标签 1.2.5 meta 标签 1.2.6 title 标签 1.2.7 body 标签 1.3 文本和超链接标签 1.3.1 标题标…
[HeadFrist-HTMLCSS学习笔记]第五章认识媒体:给网页添加图像 干货 JPEG.PNG.GIF有何不同 JPEG适合连续色调图像,如照片:不支持透明度:不支持动画:有损格式 PNG适合单色图像和线条构成的图像,如logo,剪贴画等:无损格式:可选择文件大小:可透明和需要多种颜色 GIF是最早的Web图像格式,适合单色图像和线条构成的图像;支持动画 <img>元素 <img src="XX.gif">,src属性制定了图像的位置 内联元素 指向其他网…