H5CSS笔记(2).docx资源-CSDN文库

版权申诉

96 浏览量 2022-11-26 19:07:52 上传评论收藏 66KB DOCX 举报

【HTML5 CSS笔记】 HTML5是超文本标记语言（HyperText Markup Language）的最新版本，它在HTML4的基础上进行了许多改进和新增功能，旨在提高网页的用户体验和开发效率。CSS3则是层叠样式表（Cascading Style Sheets）的升级版，提供了更丰富的样式控制和页面布局选项。一、HTML5基础 HTML5的基础包括以下核心概念： 1. 新增语义化标签：HTML5引入了如<header>、<nav>、<section>、<article>、<aside>等新的语义化标签，帮助开发者更好地组织网页内容结构。 2. 表单控件增强：HTML5新增了多种表单元素，如<input type="date">、<input type="range">等，同时支持验证功能，提升用户输入体验。 3. 多媒体支持：HTML5直接内建了对音频（<audio>）和视频（<video>）的支持，无需额外插件。 4. 存储机制：HTML5引入了离线存储机制，如localStorage和sessionStorage，使得网页应用可以在用户离线时也能正常运行。 5. canvas绘图：<canvas>元素提供了动态图形绘制的能力，用于创建交互式2D图形。二、CSS3核心 CSS3的核心特点包括： 1. 选择器增强：CSS3支持更复杂的选择器，如nth-child()、nth-of-type()，以及基于属性和伪类的选择器，提高了样式的精确度。 2. 盒模型扩展：CSS3引入了新的盒模型，如Flexbox和Grid布局，让网页布局更加灵活。 3. 颜色和背景：新增了RGBA、HSLA颜色模式，以及渐变、阴影和径向渐变等背景效果。 4. 动画和过渡：CSS3提供了transition和animation属性，可实现平滑的动画效果。 5. 字体和文本：支持@font-face规则加载自定义字体，以及文本阴影、文本溢出处理等。三、Web前端开发阶段前端开发通常分为四个阶段： 1. 第一阶段：HTML和CSS基础，JavaScript入门，学习基本的网页布局和交互。 2. 第二阶段：深入JavaScript，理解DOM操作和事件处理，可能涉及Ajax异步请求。 3. 第三阶段：使用jQuery简化DOM操作和动画，或者学习其他JS库和框架，如React、Vue等。 4. 第四阶段：掌握前端框架，如Bootstrap的CSS布局，以及AngularJS等MVVM框架，可能涉及微信开发。四、Web与Internet 1. Internet是全球互联网，提供各种服务如WWW（World Wide Web）、BBS、电子邮件和远程登录等。 2. Web基于B/S（Browser/Server）架构，用户通过浏览器访问服务器上的网页应用。 3. HTTP协议是Web通信的基础，规定了数据传输的方式。 4. 主流服务器软件包括Apache的Tomcat和微软的IIS，而常见的浏览器有Google Chrome、Microsoft Edge、Firefox、Safari和Opera等。 5. 服务端技术如PHP和JSP用于服务器端编程，客户端技术则包括HTML、CSS和JavaScript，它们在浏览器中运行。五、浏览器与服务器 1. 服务器负责存储和处理请求，主流服务器软件有Tomcat和IIS。 2. 浏览器解析HTML、CSS和JavaScript，呈现网页内容。常见的浏览器有Chrome、IE、Firefox、Safari和Opera。六、HTML5与CSS3相关技术 1. HTML5新增的元素和属性，如<section>、<header>、<canvas>等，增强了网页结构和功能。 2. CSS3提供了新的选择器、布局模式、动画效果和过渡，提升了网页视觉效果和交互性。七、HTML基本语法 HTML文件由各种元素组成，元素包括标记、属性和内容。例如： ```html <h1 class="title" id="main">网页标题</h1> ``` 其中，`<h1>`是标记，class和id是属性，"title"和"main"是属性值，"网页标题"是内容。八、HTML特殊字符与文本样式 HTML中通过转义字符来表示特殊字符，如`<`表示小于号，`>`表示大于号。此外，有如`s`用于删除线，`sub`用于下标，`sup`用于上标等文本样式标记。九、HTML页面结构一个HTML页面通常分为头部（<head>）和主体（<body>）。头部包含了元数据（如<title>、<meta>等），而主体包含了网页的实际内容。通过合理使用HTML标签，可以构建出结构清晰、样式丰富的网页。

资源推荐

资源详情

资源评论