基础 - 网络技术分享-网页开发基础

基础

网页开发基础

css

css如何使得图片居中

图片是不可或缺的元素。而当图片的尺寸比父容器要小，或者父容器的宽度和高度不确定时，图片如何居中显示就成了一个问题。对于这个问题，我们可以通过 CSS 的 flex 布局和 position 属性来进行解决。一、使用 flex 布局 Flex 布局是 CSS3 引入的一种新的布局方式，它能够灵活地控制容器的布局方式，在父容器中居......

2023-12-18阅读（1364）评论(0)

关于ueditor编辑器过滤script/style标签的解决方法

在网页制作的过程中想通过编辑器添加一些特殊应用，例如要添加视频播放器代码，添加后发现不能正常播放视频，检查代码后发现视频调用代码被无情过滤了，部分被替换成空白、部分被替换成div，造成无法实现网站嵌套视频播放的问题。网上方法不少，大多不能如愿，经多次研究整理一套完整的解决方案。第一步：UEditor取消html源代码切换时d......

2023-12-4阅读（1157）评论(0)

css

用CSS clip-path 生成器制作各种复杂路径切图

如： clip-path: polygon(0% 15%, 65% 54%, 15% 0%, 85% 0%, 66% 39%, 100% 15%, 100% 85%, 16% 54%, 85% 100%, 15% 100%, 29% 75%, 0% 85%); 用法： <style> img{ clip-path: polygon(0%......

2023-11-24阅读（2352）评论(0)

aos.js是一款效果超赞的页面滚动元素动画jQuery动画库插件

aos.js是一款效果超赞的页面滚动元素动画jQuery动画库插件。该动画库可以在页面滚动时提供28种不同的元素动画效果，以及多种easing效果。在页面往回滚动时，元素会恢复到原来的状态。安装可以通过bower来安装aos动画库插件。 ......

2023-10-31阅读（1379）评论(0)

html

网站上一些特殊的符号字符

❌✔️❌✅...

2023-10-26阅读（1349）评论(0)

利用js+cavans实现文字转图片

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <title>文字转图片生成器</title> </head> <body> <......

2023-10-26阅读（940）评论(0)

移动端实现点击复制微信号并打开微信界面

<button onclick="getWechatCode()">复制微信号</button> <script> function getWechatCode() { var wechatCode = "zzjianzhan"; var input = document.createElement("input"......

2023-10-24阅读（1177）评论(0)

js判断网页是否移动端、PC端

1、如果用户是用手机打开就跳转到移动端页面，如果用户是用浏览器打开就跳转到对应的PC端页面，js如下代码：  <script type="text/javascript"> 　　function getScreen() { //判断是不是移动端 ......

2023-10-18阅读（1220）评论(0)

css

wow+animation实现css3动画特效

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> ......

2023-10-17阅读（1808）评论(0)

css

如何让css ul li中的元素全部居中显示？

我们会经常用到无序列表或有序列表来展示一些内容。但是，有时候我们想让这些列表居中显示，这时候该怎么办呢？下面介绍几种css方法可以实现ul li居中显示。方法一：使用text-align属性 ul{ text-align:center; } li{ display:inline-block;......

2023-10-15阅读（1077）评论(0)

建站技术分享网

基础