今天分享一个标准 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...
Wordpres 给page页面地址添加html后缀
Wordpres page页面默认是没有后缀的,通常是以http://xx.com/page/的形式,从SEO的角度出发,给每个page地址添加html后缀更有利于收录的。将下面代码扔到主题funct...
HTML/CSS——renderer
如果一个网站大量采用了html5和css3,希望用户都以支持H5和css3的webkit内核打开页面,则需要设置content="webkit"来使用浏览器进行渲染。 content的取值为webki...
HTML/CSS——viewport
什么是viewport viewport是针对移动设备的响应式设计。viewport 直接翻译就是用户网页的可视区域。通俗的讲,移动设备上的viewport就是设备的屏幕上能用来显示我们的网页的那一块...
rem与px的转换
rem是相对于根元素,这样就意味着,我们只需要在根元素确定一个参考值,这个参考值设置为多少,完全可以根据您自己的需求来定。 我们知道,浏览器默认的字号16px,来看一些px单位与rem之间的转换关系:...
