今天分享一个标准 HTML5 + CSS3 响应式网页框架，这是企业级、可直接用于生产环境的标准前端框架，遵循 HTML5 语义化 + CSS3 现代规范，包含完整结构、响应式布局、基础样式、导航、页...
简单轮播插件
查看演示 1、HTML结构 php <div class="slider-container"> <ul class="rslides" id...
左图右文 弹性布局
利用弹性盒子，左侧固定宽度，右侧自适应的两列布局。在实现自适应两列布局中，在父盒子中DISPLAY:FLEX后，可以直接利用FLEX:1属性自适应剩余宽度。 html <style> /*...
CSS实现文字炫彩渐变
先看效果 再看代码： html <p>实现中华民族的伟大复兴</p> css p{ color : #313131; font-size:30px; vertical-alig...
同一行文字字体大小不同，如何实现垂直居中
在写一些标题的时候想添加个置顶文字，就加了个span，但搞了半天，由于字体大小不一样，就是不居中。 下面是原来的代码片断。 html <h2 class="entry-title-to...
HTML/CSS 悬停图片旋转
这是主要是应用一个transition的效果rotateZ，他定义了一个转换，它可以让一个元素围绕横Z轴旋转，而不会对其进行变形。 本文右侧的文章作者卡片的头像就应用了这个效果。 代码如下 先看CSS...
HTML/CSS 中间文字 两端横线的方法
纯CSS实现中间文字 两端横线的方法. 效果演示 代码演示 html <!DOCTYPE html> <html> <head> <meta charset=...
flex布局：两端对齐并自动换行
一个大盒子里，小盒子整齐排列，自动换行。 html <div class="cont"> <div class="card"></...
利用content和伪类给高亮代码添加语言名称
今天在看露兜即刻时发现，他的所有PRISM代码头部都有一个语言名称的文件头，效果很棒。无耻的看了他的网页源码，发现在代码前面都有一个盒子 html <div REL="php"...
jquery所有版本下载
目前jQuery有三个大版本： 1.x：兼容ie678,使用最为广泛的，官方只做BUG维护，功能不再新增。因此一般项目来说，使用1.x版本就可以了 2.x：不兼容ie678，很少有人使用，官方只做BU...