discuz 更换服务器
https://www.cbdmd.com/cbd-gummies https...
...
还有 5 人发表了评论 加入4116人围观html5教程
display属性详解（Display属性）
752557pk 发表于2024-05-01 浏览30364 评论0
根据CSS规范的规定，每一个网页元素都有一个display属性，用于确定该元素的类型，每一个元素都有默认的display属性值，比如div元素，它的默认display属性值为“block”，称为块元素，而span元素的默认display属性值为“inline”，称为“行内”元素。
块元素与行元素是可以转换的，也就是说display的属性值可以由我们来改变。
1. none：隐藏对象
1.1 不用none前：
<!DOCTYPE html>
<html
html5教程
html5与css3小应用（HTML5应用）
星花园站长资源网 发表于2024-05-01 浏览3119 评论0
前几天看到一个很好的html5与css3布局的网站，仿照其实例，自己制作的一个简单效果，仅供参考。
css3
前端 折叠面板 折叠展开动画（前端折叠展开效果）
蜂鸟12 发表于2024-05-01 浏览5996 评论0
前言
以uniapp代码来说明折叠面板原理
效果
原理
首先折叠展开动画选择 transition属性
transition: all 0.4s;
然后使动画生效：动态改变折叠面板的高度
折叠面板初始高度为0（height 0 ）然后再根据折叠面板里面内容的高度，改变折叠面板的height，
* 如果你的折叠面板是已知的展开高度，那就直接在0与已知高度里进行切换
* 如果你的折叠面板高度是不确定的，那就要在折叠面板里面再用一层view把内容包起来，然后写代码动态获取这个vi
CSS文章/教程
flex布局（flex布局一行3个）
王亚楠 发表于2024-05-01 浏览5600 评论0
一、flex布局
布局的传统解决方案，基于盒模型，依赖 display 属性 + position属性 +float属性。它对于那些特殊布局非常不方便，比如，垂直居中就不容易实现。 2009年，W3C 提出了一种新的方案----Flex布局，可以简便、完整、响应式地实现各种页面布局。目前，它已经得到了所有浏览器的支持，这意味着，现在就能很安全地使用这项功能。 Flex 是 Flexible Box 的缩写，意为 “ 弹性布局 ” ，用来为盒状模型提供最大的灵活性。 任何一个
html5
700行无用 纯 CSS 祝考生 金榜高粽《1_bit 的无用 CSS 代码 》
福缘创业网 发表于2024-05-01 浏览14496 评论0
今天才想起来这回事，没办法就急急忙忙的赶工一下，接下来我就画一下这个海报试试手了：
一、背景制作
1.1 准备工作
先给整个网页制作一个布局吧，直接 flex 搞定，并且使其居中 justify-content、align-items 都要赋值为 center：
body {
display: flex;
justify-content: center;
align-items: center;
height: 100vh;
width:
html5
原生JS实现轮播图（原生js轮播图代码）
愿林 发表于2024-05-01 浏览4187 评论0
实现效果：
功能需求：
1.鼠标经过轮播图模块，左右按钮显示，离开隐藏左右按钮
2.点击右侧按钮一次，图片往左播放一张，左侧按钮同理。
3.图片播放的同时，下面的小圆圈模块也跟随一起变化。
5.鼠标不经过轮播图，轮播图会自动向右播放图片，经过轮播图之后停止自动播放图片。
轮播图向右移动的时候要用到缓动画的函数，具体见博客JS案例-添加缓动画_setTimeout()的博客-CSDN博客
（1）布局：轮播图部分的图片用ul进行布局，里面的每个li放a标签，a标签里面再放img；u
CSS3特效
css3 UI按钮设计（ui界面按钮设计）
星花园站长资源网 发表于2024-04-30 浏览3968 评论0
css3 UI按钮设计
JavaScript教程
【JavaScript】DOM操作元素
dede58织梦模板 发表于2024-04-30 浏览4908 评论0
JavaScript 的 DOM 操作可以改变网页内容、结构和样式，我们可以利用 DOM 操作元素来改变元素里面的内容 、属性等。
元素：页面中的所有标签都是元素，DOM中使用 element 表示
操作元素
改变元素内容
改变元素内容有两种方法
1.element.innerText
2.element.innerHTML
改变从起始位置到终止位置的内容，但它去除html标签，同时空格和换行也会去掉。
改变起始位置到终止位置的全部内容，包括HTML标签，同时保留空格和
html5教程
JavaScript基础（3）逻辑运算符，一元运算符，分支语句，if语句，switch语句，断电调试，while循环
寒峰之巅 发表于2024-04-30 浏览5509 评论0
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
html5教程
HTML练习之路14(制作创意画框)（html怎么画框）
此号已注销 发表于2024-04-30 浏览4978 评论0
本次要完成如图效果的创意画框：
通过分析可知，整体框架为一个大盒子包裹着一个小盒子，并且为两个盒子设置class，方便书写CSS时区分：
<body>
<div class="out">
<div class="in"></div>
</div>
</body>
搭建完整体框架后预览是没有任何效果的，因为我们只给了两个容器，而没有给容器任何内容，为了便于后期维护，并且遵循内容与样式相分离的原则，我们将在CS
html5教程
Web前端技术基础实验报告三之超链接与多媒体文件应用（HTML超链接的应用实验报告）
yufeasd 发表于2024-04-30 浏览5753 评论0
目录
Web前端技术基础实验报告
实验题目：超链接与多媒体文件应用
实验目的：熟悉超链接与多媒体文件的插入的相关标签
实验内容 ：
实验过程及结果
Web前端技术基础实验报告
实验题目：超链接与多媒体文件应用
实验目的：熟悉超链接与多媒体文件的插入的相关标签
实验内容 ：
项目1 设计简易灯箱画廊
1.实验所需素材
在trees文件夹中提供一个MP3文件和18个JPG文件，设计页面时可以使用。
2.编程实现简易灯箱画廊，鼠标单击任一个图像超链接，在底部浮动框架中显示大
CSS教程
CSS3圆角和渐变2种常用功能详解 （css3线性渐变的属性）
星花园站长资源网 发表于2024-04-30 浏览4786 评论0
这篇文章主要介绍了CSS3圆角和渐变2种常用功能详解 的相关资料,需要的朋友可以参考下