站长资源
css属性的书写顺序助你养成良好编码风格
css属性顺序是css良好编码风格的一部分，有助于提高代码可读性，便于发现代码问题，有利于团队合作。（依次排后） example { /*显示属性*/ display: ; visibility: ; float: ...
标签：display
纯css文字展开收起效果讲解
文字的展开收起这个用JS很容易就可以实现，不过我们今天实现的方法有些特殊，我们完全使用css的方式去完成这项工作。 假如有如下html代码 <p>站长资源文字展开收起效果</p> <div class="ele...
利用canvas配合FileReader()更好的实现图片上传预览功能
我们经常看到图片上传之后有预览，而一般的表单上传组件是获取不到文件真实路径的，那么如何实现，当然可以配合后端，存储之后再进行显示，这样不免会浪费资源。当然也有使用createObjectURL()方法的，也有使用html5的FileRead...
纯Css选项卡的实现
Tap选项卡是大家最常用的功能之一，因为兼容性的问题目前大多朋友也都是用js书写，当然我也会用JS去书写，必定web端的应用你的用户群体是不不同的，兼容性自然是很重要的。 不过今天我们介绍的是用纯css的方式来写一个选项卡的功能，这里用到的...
html5网页版时钟动画效果
完整代码： <!doctype html> <html> <head> <meta charset="utf-8"> <title>网页版时钟动画效果</title> ...
纯css简单箭头动画效果
效果如下： 完整代码： <!doctype html> <html> <head> <meta charset="utf-8"> <title>纯css简单箭头动画效果</t...
纯css编写的愤怒的小鸟动画
<!doctype html> <html> <head> <meta charset="utf-8"> <title>纯css编写的愤怒的小鸟动画</title> &...
纯css文字字母破裂效果
代码如下： <!doctype html> <html> <head> <meta charset="utf-8"> <title>纯css文本破裂效果</title>...
rem与px换算，以常见的屏幕尺寸为例
1.什么是rem 来自于鹅厂ISUX团队的解释如下： rem（font size of the root element）是指相对于根元素的字体大小的单位。简单的说它就是一个相对单...
火牛视频是骗局吗？会跑路吗？
火牛视频是骗子无疑，大家谨防上当受骗，以下内容为早期发布，请勿相信 火牛视频火了，自从2018.7月底开始正是上线的火牛视频，短短二十天左右的时间，就获得了数百万的用户！这个用户积累的速度，堪称奇迹。 然而，其实这些用户量水分颇高，因为几乎...
利用余弦定理制作磁盘形状h5音乐播放器
功能实现 1、歌曲播放进度转换成视觉的旋转角度 2、点击磁盘任意位置歌曲跳转到相应进度 原理说明 【1】旋转原理 【2】余弦定理 代码实现 HTML <div class="outer"> <img src="img/hu...
【HTML标签】table标签的理解
在CSS出现之前，table元素常常用来布局。这种做法在HTML4之后不再推荐使用。而现在有些矫枉过正，使用table展示数据都可能会被说不规范。本文将详细介绍HTML表格table table 【默认样式】 //IE7-浏览器不支持bor...
【HTML标签】HTML列表标签
从某种意义上讲，不是描述性文本的任何内容都可以认为是列表。人口普查、太阳系、餐馆菜单等都可以表示为一个列表或列表的列表。列表分为无序列表、有序列表和定义列表三种 无序列表 无序列表(unorder list)缩写为ul，即无数值排序项的集合...
【HTML语法】HTML5标签嵌套规则
在html5中，<a>元素的子元素可以是块级元素，这在以前是被认为不符合规则的。本文将详细介绍html5的标签嵌套规则 分类 html5出现之前，经常把元素按照block、inline、inline-block来区分。在html...
【HTML语法】HTML的16个全局属性
HTML原有属性 accesskey 作用：浏览器用来创建激活或聚焦元素的快捷键 值：一个键盘字符如 O 范围：支持该属性的元素有<a>、<area>、<button>、<input>、<...
文字悬停折叠倾斜效果
W a n g D a H a i css部分 body { background-color: #fb9; color: #aaa; font-size: 40px; } .text { display: flex; justify-co...
css3元素融合效果
效果如下： 代码实现： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document...
wordpress获取文章作者
今天给客户调用文章作者，用了好多函数都不显示，如： <?php the_author(); ?> <?php the_author_nickname(); ?> 最后通过get_the_author_meta()函数...
简单的手机侧边栏导航
今天帮朋友改响应式网站，其实响应式网站其他地方只要用媒体查询重写一下即可，但是导航部分是比较难处理的，一般都是进行重写，当然网上有很多插件可用，但是代码硬肿，没必要为了那么点功能就去使用插件，我就随便写了一个，记录一下，对美感没太大要求的站...
PHP环境安全加固方案之php.ini文件的配置
PHP应用部署后，开发者或者运维人员应该时刻关注PHP方面的漏洞消息，升级PHP版本，对PHP环境进行安全加固。本文将给大家介绍如何从WEB安全方面让你的网站更坚固更安全。 1.启用 PHP 的安全模式 PHP 环境提供的安全模式是一个非常...