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

APP正在开发中...

返回顶部

网页

纯CSS3实现div按照顺序出入效果

效果：源代码： !DOCTYPE htmlhtmlheadmeta charset=UTF-8title/titlestyle type=text/cssdiv{margin-top: 10px;height: 50px;background-color: #FF0000;opacity: 0.6;}.a{animation: a

2196

2021-07-25

css
CSS实现隐藏搜索框功能(动画正反向序列)

顶部菜单栏中放置搜索框是一个常见的场景，但如果搜索功能使用的不那么频繁，同时菜单栏中内容本来就比较拥挤，再放一个完整的搜索

188

2021-07-21

css
CSS中的特指度和层叠问题的介绍

前言 Q：如果多个规则匹配同一个元素，而且部分声明之间有冲突，那么我们如何知道哪个规则胜出呢？ A：用户代理会计算每个规则中选择

1757

2021-07-14

css
html5表单的required属性使用介绍

今天无意之中发现form有自带非空判断功能,查了资料发现,required 属性是 HTML5 中的新属性定义和用法 required 属性是一个布尔属性 required 属性

266

2021-07-11

html5
html+css实现环绕倒影加载特效

先看效果（完整代码在底部）：实现（可一步一步边看效果边编写）： ※先初始化（直接复制）： *{ margin: 0; padding: 0; box-sizing: border-box;

21174

2021-07-07

HTML/Xhtml
html输入两个数实现加减乘除功能

一、parseFloat() 函数在网页中制作一个简单的计算器，在文本框输入两个数，能够实现两个数的加减乘除。 parseFloat() 函数可解析一个字符串

2229

2021-07-03

HTML/Xhtml
详解html5调用摄像头

最近在学习在做HTML5的项目，看了博客上html5调用摄像头拍照的文章，但各有瑕疵。于是自己查阅书籍写了一个demo，主要分三步，废话不多说

247

2021-06-29

html5
CSS伪元素::marker的介绍

CSS 伪元素::marker是从 CSS Pseudo-Elements Level 3 开始新增， CSS Pseudo-Elements Level 4 中完善的一个比较新的伪元素，从 Chrome 86+ 开始得到浏览器的支

400

2021-06-27

css
CSS实现章节添加自增序号

开始当我们想写一个类似掘金的文章或者自己的博客的时候，是否有想过该怎么实现给自己文章的章节添加章节号，给小标题增加标题号，

9177

2021-06-25

css
margin塌陷和margin合并的解决方案

小问题总是被人视而不见，等遇到的时候又突然想不起来，所以我们需要经常总结，这可以帮助我们更好的记忆东西。今天我们来总结两个

1419

2021-06-25

css
html实现弹窗的代码

代码如下： !DOCTYPE htmlhtml head meta charset=utf-8 / title/title style type=text/css body{ margin: 0px; } .zhezhao{ position: fixed; left: 0px; top: 0px; background: #000; wi

27320

2021-06-14

html5
关于html选择框创建占位符的问题

我在文本输入中使用占位符，效果很好。但我也想为我的选择框使用一个占位符。当然，我可以使用以下代码： 1 2 3 4 select option value=Selec

2339

2021-06-14

HTML/Xhtml
Html5大屏数据可视化开发

项目中需要做一个数据展示用的看板，初接到任务觉得这个没有什么难度，做个漂亮的网页浏览器全屏就可以了。可是实际做的过程中碰见

1686

2021-06-14

html5
HTML+CSS实现顶部导航栏菜单制作的代码

导航栏的制作：技术要求： CSS HTML各类标签实现目的：制作导航栏菜单代码分析：基本样式清除无序列原点删除下划线删除文字默认居

1172

2021-06-08

HTML/Xhtml
html css3不拉伸图片显示效果

1.利用transform属性不拉伸显示图片,(路径问题需要按需求修改）； html: div id=surface-div1img :src=pic1 class=surface-img/div CSS: #surface-div1{ position: rela

777

2021-06-07

HTML/Xhtml
css height属性中的calc方法详解

什么是calc()? 学习calc()之前，我们有必要先知道calc()是什么？只有知道了他是个什么东东？在实际运用中更好的使用他。 calc()从字面我们可

76750

2021-06-06

css
使用CSS prefers-* 规范提升网站的可访问性与健壮性

文本将介绍 CSS 媒体查询中新增的几个特性功能： prefers-reduced-motion prefers-color-scheme prefers-contrast prefers-reduced-transparency prefers-reduced-data 利用

1666

2021-06-05

css
CSS极坐标的实现

项目有图表方面的需求，其中有做卫星定位的图形，需要制作极坐标来显示当前北半球或南半球的卫星分布情况。第一时间想到了echarts的极

415

2021-06-05

css
html2 canvas svg不能识别的解决方案

最新有个功能需要截取网页成图片，于是用到比较流行的html2canvas，本来以为能顺顺利利的搞定，后来发现网页上的流程图连接线不在截图中

7573

2021-06-05

HTML/Xhtml