今天分享一个标准 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 中间文字 两端横线的方法
纯CSS实现中间文字 两端横线的方法. 效果演示 代码演示 html <!DOCTYPE html> <html> <head> <meta charset=...
利用content和伪类给高亮代码添加语言名称
今天在看露兜即刻时发现,他的所有PRISM代码头部都有一个语言名称的文件头,效果很棒。无耻的看了他的网页源码,发现在代码前面都有一个盒子 html <div REL="php"...
WordPress 加载Javascript和CSS的方法
我们知道正常一个网页加载Javascript和CSS,一般的方法是在head中通过下面的方法来加载 html <script type="text/javascript" s...
HTML/CSS——renderer
如果一个网站大量采用了html5和css3,希望用户都以支持H5和css3的webkit内核打开页面,则需要设置content="webkit"来使用浏览器进行渲染。 content的取值为webki...
