网页设计与制作,网页资源教程,网页源代码 _F11 - 专业站长和开发者的学习网站

APP正在开发中...

返回顶部

网页

基于Canvas的Html5多时区动态时钟实战代码

出差旅行相信大家一定会住酒店，大家在酒店的前台进行预订的时候，是不是都会留意。通常在大堂的前方会有一面时钟，大概是下面这种

101

2025-03-21

html5
CSS中z-index属性的作用及在什么情况下会失效

大白话谈谈 CSS 中z - index属性的作用及在什么情况下会失效。 1. z-index 属性的作用在 CSS 里，z-index属性就像是一个楼层控制器。想象一下网

106

2025-03-21

css
CSS @media print使用

@media print是 CSS 中的打印媒体查询，用于定义仅在打印文档时生效的样式规则。通过它，你可以优化网页的打印效果，比如隐藏不必要的元素

84

2025-03-19

css
HTML表格的介绍

HTML 表格用于在网页上展示数据，通过table标签及其相关标签来创建。表格由行和列组成，每一行包含一个或多个单元格，单元格可以包含文

88

2025-03-12

HTML/Xhtml
禁止HTML页面滚动的操作方法

在前端开发中，禁止HTML页面滚动通常涉及到对CSS样式或JavaScript的使用。以下是一些常见的方法： 1. 使用CSS的overflow属性你可以通过设置H

100

2025-02-25

HTML/Xhtml
CSS实现高频出现的复杂怪状按钮之镂空的内凹圆角边框

你可以在这里看到：CodePen Demo -- CSS Various Button Shapes | CSS 各种造型按钮接下来几篇文章中，将在上述基础上，额外补充一些在日常设计稿中

90

2025-02-21

css
CSS3实现动态旋转加载样式的代码

要使用 CSS3 创建一个动态旋转加载样式，可以使用 CSS 动画和旋转变换。下面是一个简单的示例： HTML： 1 div class=loader/div CSS： 1 2 3 4 5 6 7

188

2025-02-21

css
CSS3动态效果之过渡属性介绍

过渡CSS3动态效果过渡属性一、什么是过渡：通过 css3 可以在不使用 flash 动画或 javascript 的情况下，为元素从一种样式变换为另一种样式时

190

2025-02-21

css
css3 实现icon刷新转动效果的代码

先了解一下-webkit-transform、animation、@keyframes这三个属性吧 -webkit-transform可以实现平移、旋转、缩放和倾斜等效果有以下几个属性 translate(x

86

2025-02-21

css
css3 display:flex 弹性盒模型的使用方法

CSS3 中的display: flex是一种强大的布局模式，被称为弹性盒布局或Flexbox。它允许我们通过一套简洁的规则，轻松地对网页元素进行对齐、排列

137

2025-02-21

css
CSS3模拟实现一个雷达探测扫描动画特效

之前好长时间住在唐家岭，从路口往上地走的时候，总能看见一个一个的雷达，好壮观，今天用CSS3实现一个雷达探测扫描的效果。 1. 实现思

77

2025-02-21

css
CSS弹性布局常用设置方式

一、单位元素 vm 1vm 为视口的1% vh 视口高的1% vmin 参照长边 vmax 参照长边 rem 等比缩放需要设置最外层盒子html设置vw 根字号html的--- font-- 1v

116

2025-02-17

html5
使用CSS3实现平滑的过渡动画效果

要使用CSS3实现平滑的过渡动画，可以按照以下步骤进行： 1：定义初始状态：首先，为元素设置其初始样式。这通常是在CSS中直接定义的样

157

2025-02-17

html5
HTML5超链接的创建方法

超链接是网页中最常用的元素，每个网页通过超链接关联在一起，构成一个完整的网站。超链接可以是网页中的任何元素，只有通过超链接

180

2025-02-17

html5
HTML5超链接和图片基础用法介绍

一、HTML5 超链接（链接）超链接可以是一个文本，也可以是一幅图像，您可以点击这些内容来跳转到新的页面或新的文档或者当前文档中的

118

2025-02-17

html5
HTML5 Input日期选择器的介绍

HTML5 Input DatePicker 对象 1 Input Date 对象表示 HTML `input type=datetime` 元素。是 HTML5 中的新对象。访问 Input Date 对象 1 var x = document.getElementById(

106

2025-02-17

html5
css实现渐变色圆角边框

渐变色圆角边框(内容区域圆角) 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 !DOCTYPE html html lang=en head meta charset=UTF-8 t

183

2025-02-17

css
css渐变色背景gradient的介绍

使用渐变色作为背景可以直接将渐变色用作元素的背景，可以看做是一种特殊的背景图片。（是作为背景background一个属性值不是背景颜色

130

2025-02-12

css
CSS3中使用flex和grid实现等高元素布局的代码

一、简单的两列实现 1、先看页面效果 2、css代码 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 .container { padding: 10px; width: 100ch; margin: 0 auto; box-shadow: i

185

2025-02-12

css