html5上新增加了语义化标签(结构标签)，表单属性，表单种类，全局属性。css3增加了transition过渡属性，transfrom变形属性，animation帧动画标签语义化：用合理的标签做合理的事情CSS3有哪些新特性？1、css3实现了圆角(border-radius)，阴影(box-shadow)2、对文字加特效(text-shadow)，线性渐变(gradient)，旋转(trans
转载
2023-07-13 21:52:04
77阅读
1.代码style.css1 * {
2 margin: 0;
3 padding: 0;
4 }
5
6 body {
7 background-image: url("../images/bg.gif");
8 }
9
10 /*头部*/
11 .header {
12 width: 100%;
13 heig
转载
2023-07-26 20:09:45
81阅读
《HTML5与CSS3基础教程（第8版）》 第10章读书笔记2020/03/11选择字体： （p173）并非所有的系统都支持相同的字体，用户只会呈现系统安装的字体。若指定字体未安装，则展示默认字体（windows的默认字体是Times New Roman）。所以应该定义替代字体作为备选。当一个字体包含多个单词时，使用引号包围起来。font-family: "Times New Roman"。fon
转载
2023-11-30 15:41:02
38阅读
这几天学习网页前端每天都有所收获，下面来分享一下用H5C3+JS开发网页小游戏的流程，供大家学习、参考，也为了是自己在以后的日子里不会忘记。
所谓玩游戏，实际上是另一种形式的人机交互，是人机交互就让我想起了网站开发的MVC框架，而H5小游戏就相当于把后端代码放在前端运行，因此前后端都作用于你的浏览器。
1.画布的绘制
这里的画布（或者说是游戏窗口）是我们与后台程序进
转载
2023-07-10 20:35:54
58阅读
web阶段小项目1.web框架概述web框架:使用web框架专门负责处理用户的动态资源请求，这个web框架其实就是一个为web服务器提供服务的应用程序;web服务器和web框架关系说明:web服务器接收浏览器发起的请求，如果是动态资源请求找web框架来处理web框架负责处理浏览器的动态资源请求，把处理的结果发生给web服务器web服务器再把响应结果发生给浏览器静态资源：不需要经常变化的资源，这种资
转载
2023-08-18 13:58:26
13阅读
预览地址：预览github源码：源码1. 网页开发HTML5：BEM开发模式，BEM代表块（Block），元素（Element），修饰符（Modifier）。CSS3：过渡动画、帧动画JS： 元素获取，事件响应处理2. 准备标注工具：像素大厨雪碧图拼接：gopng3. 开发项目骨架：<!DOCTYPE html><html ...
原创
2021-11-30 16:04:46
292阅读
DAY01-HTML基础一、理论1.什么是HTML？（Hyper Text Markup Language）a.是HTML的第五个版本b.是一门技术的总称2.HTML5能做什么？网页开发、小程序、公众号、小游戏、移动端开发：混合开发/原生开发、后端相关的：node.js3.项目开发流程：产品经理提出需求（原型图，需求文档prd）→UI设计师（效果图，标注图）→前端开发→后端开发（接口文档）→测试&
转载
2023-11-30 17:47:59
89阅读
一、
HTML5与HTML的区别1、文档声明区别
HTML文档的类型声明为：
HTML5文档的类型声明为：
HTML5.0：文档声明
HTML5方便书写，精简，有利于程序员快速的阅读和开发。2、结构语义区别
html：没有体现结构语义化的标签，如：<div id="nav"></div>
html5：添加了许多具有语义化的标签，如：<article>、<aside>
转载
2023-07-27 21:34:15
234阅读
html5:语义化的结构标签,"非革命性的发展"html5的Doctype声明:<!doctype html><!doctype html system "about:legacy-compat">html5指定文件中的字符编码<meta charset="utf-8">html5可以省略标记的元素:1>不允许写结束标记的元素有:area,base,br,
原创
2014-04-02 17:35:26
710阅读
HTML 5与CSS 3权威指南：下册(第2版)被读者誉为“系统学习HTML 5与CSS 3技术的最佳指导参考书之一”和“Web前端工程师案头必备图书之一”。第2版首先从技术的角度结合最新的HTML 5和CSS 3标准对内容进行了更新和补充，其次从结构组织和写作方式的角度对原有的内容进行了进一步优化，使之更具价值且更便于读者阅读。需要的朋友们可以下载试试吧！畅销书全新升级，第1版上市后已印刷近10
转载
2023-07-24 16:28:50
86阅读
css3必须搭配html5吗？下面本篇文章就来给大家介绍一下。有一定的参考价值，有需要的朋友可以参考一下，希望对大家有所帮助。css3必须搭配html5吗？css3不是必须搭配html5的，只要浏览器支持CSS3，就可以搭配HTML、HTML5使用。目前还没有哪个浏览器能完全地支持css3，况且css3标准还没完全出来，目前能支持部分css3的有：chrome和safari,firefox,ope
转载
2023-08-19 15:52:22
57阅读
1. 首先要分别建立html,img和css3的文件夹。 2. html和css3的首页放在文件夹外面。还可以建立一个公共css，比如导航和页脚可以放在公共css里面，在每个页面加上公共css超链接就可以了。减少代码的编写。3. 文件夹的名称要写成英文形式。也不要写成汉语拼音，html识别不出来汉字。4.class与id的区别：（1）、在CSS文件里书写时
转载
2024-01-11 12:19:18
79阅读
目录1 HTML5 的新特性1.1 HTML5 新增的语义化标签1.2 HTML5 新增的多媒体标签1.3 HTML5 新增的 input 类型1.4 HTML5 新增的表单属性2 CSS3 新特性2.1 属性选择器2.2 结构伪类选择器2.3 伪元素选择器2.4 CSS3 盒子模型2.5 CSS3的其他特性2.6 CSS3 过渡2.7 CSS3 2D转换 transform2.8 C
转载
2023-07-12 17:38:32
147阅读
html5和css3是前端学习的重要组成部分，但很多同学在学习前端的时候，对html5和css3不是很了解。下面本篇文章就来给大家简单介绍一下html5和css3，希望对大家有所帮助。什么是HTML5？HTML5是超文本标记语言(HTML)的修订版，第五次重大修改版本；而HTML是用于描述网页内容和外观的标准编程语言。HTML5支持传统的HTML和XHTML样式语法以及其标记，新API，XHTML
转载
2023-07-21 15:32:13
112阅读
文章目录第11章 用CSS进行布局11.1 开始布局的注意事项11.2 构建页面11.4 对默认样式进行重置或标准化11.5 盒模型11.6 控制元素的显示类型和可见性11.7 设置元素的高度11.8 在元素周围添加内边距11.9 设置边框11.11 使元素浮动11.12 控制元素浮动的位置11.12 控制元素浮动的位置11.13 对元素进行相对定位11.14 对元素进行绝对定位11.15 在栈
转载
2023-07-10 20:24:28
99阅读
DAY08伪类选择器和垂直对齐 一、动态伪类选择器：link 设置链接未点击时的状态 注意点：需要清除浏览器缓存 ，主要给a标签 ：visted 设置访问过后的样式 主要给a：hover 鼠标悬停时的状态：active 点击过后的状态注：如果都给a需要注意顺
转载
2023-07-21 15:51:55
144阅读
1）Html5详解。 2）CSS3选择器详解。 3）CSS3属性详解（图文教程）。 4）CSS预处理器之Less详解。什么是 HTML5HTML5并不仅仅只是做为HTML标记语言的一个最新版本，更重要的是它制定了Web应用开发的一系列标准，成为第一个将Web做为应用开发平台的HTML语言。HTML5定义了一系列新元素，如新语义标签、智能表单、多媒体标签等，可以帮助开发者创建富互联网应用，还提供了一
转载
2023-07-21 17:08:34
26阅读
前端笔记知识点整合之HTML5&CSS3（中）选择器&伪类伪元素&CSS3效果&渐变背景&过渡
一、CSS3选择器
CSS3是CSS的第三代版本，新增了很多功能，例如：强大的选择器、盒模型、圆角、渐变、动画、2D/3D转换、文字特效等。CSS3和HTML5没有任何关系！HTML5骨架中，可以用CSS2.1也可以用CSS3。XHTML骨架中可以用C
转载
2023-09-19 20:44:24
87阅读
1.1 css3历史 CSS3(Cascading Style Sheet 3 层叠式样式表)是CSS的第三代。 CSS3的诞生和HTML5是一样的，它的牵头人并不是W3C，而是由各大浏览器厂商所组成的WHATWG组织，后来被W3C机制采纳了。 这就导致了CSS3的一些属性在被W3C采纳前后的书写形式有所不同。在被W3C采纳前，如果浏览器支持该属性，需要加上浏览器的私有前缀，以表示这是浏览器的私有
转载
2023-12-12 18:40:31
52阅读
HTML5 （1）问题分析 对于目前市场上来说HTML5中需要掌握的新特性有： 1.拖拽释放(Drag and drop) API 2.语义化更好的内容标签（header,nav,footer,aside,article,section） 3.音频、视频API(audio,video) 4.画布(Canvas) API 5.地理(Geolocation) API 6.本地离线存储 localSto
转载
2023-07-12 17:38:49
67阅读
