基础认知CSS初始CSS的介绍CSS：层叠样式表（Cascading style sheets）CSS作用是什么？？给页面中的HTML标签设置样式CSS就是用来做美化的，我之前写的网页就是黑白，要不带点彩色的图片，现在，我就可以设置五颜六色的颜色。CSS语法规则写在哪里？css写在style标签中，style标签一般写在head标签里面，title标签下面怎么写？注意点：CSS标点符号都是英文状态
关于浮动的基础知识，这里先引用w3school的一段介绍，在此基础上我会添加一些注记和补充：浮动的框可以向左或向右移动，直到它的外边缘碰到包含框或另一个浮动框的边框为止。由于浮动框不在文档的普通流中，所以文档的普通流中的块框表现得就像浮动框不存在一样。CSS 浮动请看下图，当把框 1 向右浮动时，它脱离文档流并且向右移动，直到它的右边缘碰到包含框的右边缘：再请看下图，当框 1 向左浮动时，它脱离文
1.带动web的三驾马车html5,css,javascript(js)就是带动web的三架马车，html是web的结构，css是web的样式，而js则是web的行为（即与用户的交互）如果把html比作一棵树的树干的话，那么css就是树上开的花结的果，js就相当于一阵风，只要一吹过，树就会作出相应的反应，就像风小的时候树叶动，风大树干就断了。 2.制作网页需要注意什么？那么我们在制作一个
转载
2023-07-19 20:41:09
85阅读
1 ...
转载
2021-10-29 23:16:00
173阅读
2评论
目录介绍学习常用软件，语言文件相关格式 .html文件/文件夹HBuilder X.html文件 格式文件夹标签结构相关内容相关class/idcss样式选择器子元素选择器相邻兄弟选择器不相邻兄弟选择器属性选择器伪类选择器伪元素属性及含义先讲一些主要的值长度时间角度颜色字符串属性概要position 定位display 显示grid布局flex布局inline-block布局overflow 溢
转载
2023-10-30 16:08:07
30阅读
关于电商产品展示，无论是从首页还是到栏目页，再到产品的详情页，产品展示效果不仅仅是在电商平台，在很多的企业网站也使用频繁，今天为大家分享一个HTML+CSS小案例项目：小米电商平台的商品展示页面！我们来一起看看吧！ 那么我们要开发一个什么样的效果呢？来吧展示！！！ 接着下来我们实战开发吧！温馨提示：本期课程是三十个实战案例的第2节，为了更好的学好前端，可以配合艾编程30天计划学
转载
2023-07-21 17:11:38
105阅读
我写博客的主要目的就是温习所学的知识，自己以前写的游戏当然不能放过！这款网页版贪吃蛇是大一下册学习网页前端时老师教我们写的，由于那个时候初学网页前端，所以这款游戏是纯原生Java Script写的，没有使用JQuery。重新看了一遍自己写的代码，大一的我真的太年轻了，一个注释都没有写，幸好这款游戏的逻辑不难，还能看得懂，补了一些注释，对一些细节加深了理解。（以后要逼着自己写注释才行呀！）从大一寒假
转载
2023-07-03 21:22:35
273阅读
《HTML5与CSS3基础教程（第8版）》 读书笔记2020/04/07第19章 添加JavaScript前端JS脚本引用类型： 外部脚本、嵌入式脚本、内联脚本（如在元素的事件属性上直接制定js片段等）。要避免使用内联脚本，正如内联样式一样，它将html和js脚本纠缠在一起，这与将他们分开的最佳实践不符。脚本和性能的最佳实践： （p376 - 377）阻塞行为： 在处理脚本的过程中，浏览器既不会瞎
转载
2024-01-18 18:59:48
57阅读
运行： Control + R保存： Control + S注释：Control + / 表格标签table:定义表格tr：定义行td：定义列div：块标签 引入css文件 href <link rel="stylesheet" href="css/style.css" type="text/css"/>
<
转载
2023-05-22 15:26:07
73阅读
在本文中，我们将深入探讨如何处理“HTML5 例子”相关的内容，包括版本对比、迁移指南、兼容性处理、实战案例、性能优化以及生态扩展等方面。让我们直接进入这些内容。
### 版本对比
首先，我们来看看不同版本的HTML5特性差异，这是非常重要的。以下是一个表格，总结了HTML5与之前版本的一些主要特性：
| 特性 | HTML4.01 |
学习HTML和CSS用的是一本叫《HTML5与CSS3基础教程》，人民邮电出版社的，这已经是第八版。整本书已经学完，感觉这本书思路清晰，代码也很翔实，入门书算是选对了，这本书里有很多超前的观点，尽管这无疑增加了复杂性，但从长远的角度来讲，还是值得的！当然，学到后面，前面遇到的很多概念和标签都记不大请，所以有必要从头开始，回头看，整理思路，写下来是个很好的办法。
继续前面的。从这里开始，逐步接触到C
# HTML5、JS、CSS 翻页案例
## 导语
在网页开发中，经常会遇到需要实现翻页的需求。本文将基于 HTML5、JS 和 CSS 技术，介绍如何实现一个简单的翻页案例。我们将使用 HTML5 提供的新特性和 JS 进行交互，同时使用 CSS 进行样式设计。
## 示例需求
我们的翻页案例需要实现以下功能：
1. 显示一系列的内容块，每次只显示一个块。
2. 提供翻页按钮，点击按钮
原创
2023-10-12 04:18:22
264阅读
暑假在家闲的没事，写了一个简单的小网页，从网上找了些图片和视频拼起来的，由于经验不足的关系，没有将想添加的东西放进去。先来看看整个网页效果的视频吧
效果的图片如下（最右边空出来的其实是滑动条，截长屏自动没掉了）首页自我介绍 我的家乡 大学生涯 软件资源整个网页是围绕首页的结构与样式去制作的，只是在每个导航栏网页的content盒子添加了东西而已，其他都是没有变
转载
2023-08-21 10:26:05
40阅读
第六章 链接1、创建指向另一网页的链接:<a href=”http://www.site.com/directory/page.html ” rel=”external”>Lable text</a>2、HTML块级链接：HTML5几乎允许在链接内包含任何类型的元素或元素组，例如段落、列表、区块，但是其他链接、音频、视频、表
转载
2023-12-06 20:43:37
52阅读
文/李晶随着互联网产业的爆炸式增长，与之伴生的Web前端技术也在历经洗礼和蜕变。尤其是近几年随着移动终端的发展，越来越多的人开始投身或转行至新领域，这更为当今的IT产业注入了新的活力。尽管Web前端技术诞生至今时日并不长，但随着Web技术的逐渐深入，今后将会在以下几方面发力。1. Web移动终端开发。2. JavaScript的兄弟们。3. 百花齐放的类库和框架。4. 工程化的Web前端开发规范。
转载
2024-06-03 21:39:23
33阅读
在HTML中，引入CSS的方法主要有行内式、内嵌式、导入式和链接式行内式：即在标记的style属性中设定CSS样式，这种方式本质上没有体现出CSS的优势，因此不推荐使用 例： 复制代码代码如下: <html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8
转载
2023-12-22 15:31:27
105阅读
一、HTML5新特性HTML5的新增特性主要是针对以前的不足，增加了新的标签、新的表单和表单属性等。这些新的特性都有兼容性问题，基本上是IE9及以上浏览器才支持，如果不考虑兼容性，可大量使用这些新特性
1、HTML新增的语义化标签2、新增多媒体标签video<video src="" controls="controls"></video>3、新增标签type=“searc
转载
2023-08-10 18:34:15
286阅读
HTML5 简介HTML5是HTML最新的修订版本，2014年10月由万维网联盟（W3C）完成标准制定。HTML5的设计目的是为了在移动设备上支持多媒体。什么是 HTML5?HTML5 是下一代 HTML 标准。HTML , HTML 4.01的上一个版本诞生于 1999 年。自从那以后，Web 世界已经经历了巨变。HTML5 仍处于完善之中。然而，大部分现代浏览器已经具备了某些 HTM
转载
2023-07-12 15:22:34
104阅读
HTML 定义网页的内容，CSS 定义网页的表现，JavaScript 则定义特殊的行为。建立网站不可能脱离 HTML（如果要让网站看起来很吸引人，则离不开 CSS），但 JavaScript并不是必需的。在大多数情况下，JavaScript的特性都是用于增强访问者体验的——它们在由 HTML 和 CSS 构建的核心体验的基础上进行增强。
转载
2022-07-27 22:38:57
83阅读
CSS 即层叠样式表(英文全称：Cascading Style Sheets)是一种用来表现HTML（标准通用标记语言的一个应用）或XML（标准通用标记语言的一个子集）等文件样式的计算机语言。CSS不仅可以静态地修饰网页，还可以配合各种脚本语言动态地对网页各元素进行格式化。一、几种常见的文字样式、文本样式、边框样式。 字体样式： 文本样式： 边框样式：margin ： 20px 30px 边框与浏
转载
2023-12-06 18:38:39
70阅读
