• 图片下方空白

    本文地址: http://www.cnblogs.com/veinyin/p/7606581.html 如果将图片竖直向下排列,会发现图片上边框与下边框之间有一小块空白,这是因为图片对齐方式导致的。 HTML如下: 1 div class="box" 2 img src ="images/logo.png" alt ="" 3 img src ="images/logo.png" al...

    2018-06-24 01:54:36

  • 元素垂直水平居中

    本文地址: http://www.cnblogs.com/veinyin/p/7606390.html 1 已知宽高 1.1 定位值上 下左右给0 1 /* 父盒子垂直水平居中 */ 2 .box { 3 background-color : #cccccc ; 4 height : 200px ; 5 width : 400px ; 6 position : absolute ; 7 top : 0 ; 8 left : 0 ; 9 rig...

    2018-06-24 01:54:13

  • html便民查询各个工具类实例代码分享(支持pc和移动端

    1 1.手机号码查询 2 3 iframe id ="api_iframe_51240" name ="api_iframe_51240" src ="" width ="100%" height ="100%" scrolling ="no" frameborder ="0" / iframe 4 script type ="text/javascript" 5 // 接口生成:https://www.51240.com/api/ 6 document.getEleme...

    2018-06-24 01:53:43

  • wow.js+animate.css——有趣的页面滚动动画

    今天偶然间发现了一个使用特别简单的页面动画效果,还挺不错的,玩了一个上午,现在介绍一下这个滚动动画: 一、使用方法: 1.下载animate.css 2.下载wow.js 3.引用文件,像这样: link href ="css/animate.min.css" rel ="stylesheet" / script type ="text/javascrip...

    2018-06-24 01:54:25

  • webapck html-loader实现资源复用

    1、安装 npm i html-loader --save-dev 2、项目目录 layout文件夹下的footer.html文件为: script type ="text/javascript" src ="http://cdn.bootcss.com/jquery/1.11.3/jquery.min.js" / script layout文件夹下的head-common.html文件为: meta charset ="utf-8" met...

    2018-06-24 01:54:20

  • 如何写好css系列之button

    现代前端行业的发展,如果你在css的时候,还没有利用一些预编译工具,是否觉得自己太low了。但你是否考虑过搭建一套自己前端框架。可能你会想这是否有必要,因为基础有boostrap,组件库有:easyui,elementui,iview,ionic等等。但我个人练习自己如何写好一个css框架...

    2018-06-24 01:53:45

  • 响应式布局介绍

    转自响应式布局 html5/css3响应式布局介绍及设计流程,利用css3的media query媒体查询功能。移动终端一般都是对css3支持比较好的高级浏览器不需要考虑响应式布局的媒体查询media query兼容问题 一个普通的自适应显示的三栏网页,当你用不同的终端来查看这个页面的时候...

    2018-06-24 01:54:05

  • 静态页面如何实现 include 引入公用代码

    一直以来,我司的前端都是用php的include函数来实现引入 header 、footer这些公用代码的,就像下面这样: !-- index.php --!DOCTYPE htmlhtml lang="en"head meta charset="UTF-8" meta name="viewport" content="width=device-width, initial-scale=1.0" meta http-eq...

    2018-06-24 01:54:15

  • 【web】movie review——静态页面训练、css训练

    实现样式要求: image: banner.png: generaloverview.png: background.png: bannerbackground.png: rottenbig.png: rottenbackground.png: fresh.gif rotten.gif critic.gif 文件目录: -image -movie.css -skeleton.html -tmnt.html 文件内容: movie.css body { back...

    2018-06-24 01:53:34

  • 如何实现两个文本框同时输入

    如何实现两个文本框同时输入 ! DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd" html xmlns ="http://www.w3.org/1999/xhtml" lang ="zh-CN" head meta http-equiv ="Content-Type" content...

    2018-06-24 01:53:41

2