-
图片下方空白
本文地址: 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
IDC资讯: 主机资讯 注册资讯 托管资讯 vps资讯 网站建设
网站运营: 建站经验 策划盈利 搜索优化 网站推广 免费资源
网络编程: Asp.Net编程 Asp编程 Php编程 Xml编程 Access Mssql Mysql 其它
服务器技术: Web服务器 Ftp服务器 Mail服务器 Dns服务器 安全防护
软件技巧: 其它软件 Word Excel Powerpoint Ghost Vista QQ空间 QQ FlashGet 迅雷
网页制作: FrontPages Dreamweaver Javascript css photoshop fireworks Flash