使用display：inline-block会出现的情况：1.使块元素在一行显示2.使内嵌支持宽高3.换行被解析了4.不设置的时候宽度由内容撑开5.在IE6,7下步支持块标签由于inline-block属性换行的时候被解析（有间隙）故解决方法使用浮动float:left/right使用浮动时出现的情况：1.使块元素在一行显示2.使内嵌元素支持宽高3.不设置不宽高的时候宽度由内容撑开4.换行不被解析（故使用行内元素的时候清除间隙的方法可以使用浮动）5.元素添加浮动，会脱...
我们可以用CSS语法来控制超链接的形式、颜色变化。 下面我们做一个这样的链接：未被点击时超链接文字无下划线，显示为蓝色；当鼠标在链接上时有下划线，链接文字显示为红色；当点击链接后，链接无下划线，显示为绿色。 实现方法很简单，在源代码的<head>和<head>之间加上如下的CSS语法控制： <style type="text/css"><!--a:link { text-decoration: none;color: blue}a:active { text-decoration:blink}a:hover { text-decor...
html <font>文本颜色 字体 大小标签元素HTML <font>标签之html文字字体、html字体颜色、html字体大小设置标签元素目录font标签语法与结构html Font标签说明Font应用案例font标签案例截图font标签总结一、font标签语法与结构 - TOP<font color="#FF0000">www.pcss5.com 颜色</font>Font color设置文本颜色为红色“#FF0000” ，你可能想了解css字体颜色：css color<font size="6">www.pcss5.com 文字大小</font>Font size设置文本...
这任务需求我们使用推特的前端框架bootstrap来实现。先放psd图。上传这些图片也蛮大的。为此我使用office picture manager压缩了图片。方法：alt+p+o，然后tab+下方按钮选中用于网页，点击保存就ok 一。还原含有“50万年薪”的psd静态页面先思考：发现1.三张psd图的头部尾部的设定是一样的，可以抽离出来，弄成g-header,g-content,g-footer这命名符合我另外一篇文章：css样式书写规范+特殊符号，有兴趣的可以翻看。发现2.content中...
最近在访问网易大话西游2的录像专区时，发现页面还是很早之前的板式，网易的编辑并没有打算重新美化的打算，不由得内心一寒，结合之前好几个回合制游戏的倒闭，让很多人回顾都没办法回顾，而且，很多人现在也没有大把时间去玩游戏，更多的时候，也就是看看录像解闷，所以此处贴出自己批量下载这些录像的方法，供大家使用。首先先看看录像下载页面的信息录像页面的地址点击下载的地址直接把下载的地址放入迅雷之中可以下载，同事两个...
在常见的用户注册页面，需要用户在本地选择一张图片作为头像，并同时预览。常见的思路有两种：一是将图片上传至服务器的临时文件夹中，并返回该图片的url，然后渲染在html页面；另一种思路是，直接在本地内存中预览图片，用户确认提交后再上传至服务器保存。这两种方法各有利弊，方法一很明显，浪费流量和服务器资源；方法二则加重了浏览器的负担，并且对浏览器的兼容性要求更高（在某些低版本中的IE浏览器不支持）。以下是实现上述...
flex布局可以帮我们快速布局一些区块,实现你想要的效果,不用再去float,position之类的.我们在布局网页的时候很多时候都是一些特殊布局,flex就能帮我快速去布局,不需要去定位. 任何一个盒子都可以指定为flex布局,但是要注意，设为 Flex 布局以后，子元素的float、clear和vertical-align属性将失效。下面我们看看我们网站经常遇到实例:我们要让图片,文字居中并且都贴底部布局,以往的经验会,父容器设置text-align:center,但是垂直方向...
springmvc+mybatis 做分页sql 语句，代码如下：<?xml version="1.0" encoding="UTF-8" ?> <!DOCTYPE mapper PUBLIC "-//mybatis.org//DTD Mapper 3.0//EN" "mybatis.org/dtd/mybatis-3-mapper.dtd"> <mapper namespace="ssmy.dao.UserDao"> <resultMap type="ssmy.dto.User" id="User"><!--<resultMap type="User" id="User"> 如果在sprin文件里配置初始化 mybatis里配置了别名就是有--><!-- 用id属性来映射主键字段 --><id prope...
一、progress元素基本了解基本UIprogress元素属于HTML5家族，指进度条。IE10+以及其他靠谱浏览器都支持。如下简单code:<progress>o(︶︿︶)o</progress>效果： 是个很带感的进度条吧。有人奇怪：“唉~怎么我看到的是个字符表情捏？” 恩…我只能对你说：“鄙视你，丫的都舍不得用靠谱点的浏览器吗？！”这个默认的效果，不同浏览器下的效果不尽相同，如下截图们（window 7下）：IE10颗粒的缓动聚散效果，还是挺让人眼前一亮的。基本...
vue支付密码的图文实例 <template> <section class="pay-mask" @click="close_mask" v-show="payshow"> <div class="container"> <div class="pay_title">请输入支付密码 </div> <div class="flex f-d-r pay_content"> <div class="ipt_pay"> <input type="password" maxlength="1" disabled> </div> <div class="ipt_pay"> <input type="password" maxlength="1" disabled> </div> <div class="ipt_pay"> <input type="password"...
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"><title>a标签举例</title> </head> <body><a href="http://www.baidu.com">百度一下，你就知道</a><!--跳转到别的网站 --> <br><a href="2.html">点击跳转到2.html</a><!-- 跳转到本地文件 --><br><a href="#test-demo">点击跳转到底部</a><!-- 设置锚点 --> <div style="height: 2000px"></div><a href="##" name="test-demo">这里是网站底部</a> </body...
最近在做一个微信端的小项目，前端代码写完后，就放在手机端测试，没什么问题，但是页面在加载和渲染时的效果却让人有些不爽，虽然是个小项目，我大可不必做这些，但是看着页面的闪动，就忍不住想做些什么。先说说问题吧： 上面是首页效果图，其实在最开始的时候并没有考虑web端，这图是给IOS和安卓native App用的。为了方面两个本地APP的开发，所以上面的图中，除了那几个科目和下面的tabBar，其余都是图片。因为都是图片，所...
我就不介绍map了，直接说遇到的问题。问题一：如果图片原始尺寸是900px，但是你展示的尺寸是450px,那map就定位不准了，怎么破？问题二：如果一个页面有多张图片需要map，怎么做？一、素材图片： 1、这是一张900px的素材图片，我们要让右下角4个小圆图标可以点击。 二、HTML结构： 1、coords的对应坐标不用变，只需在JS里面改变其比例就OK！1 <div class="map_img">2 <img class="mapImg" usemap="mapName" src="ispho...
无论网页或是移动APP的设计，很重要的一点是如何能在小而美和功能复杂性之间找到平衡点。 在执行设计的第一步，便是思考如何利用原型工具诸如Mockplus或Axure在初始阶段把握产品登陆页面设计的技巧。一、 学会做减法跳出登录界面设计中的条条框框，搭配简单的配色，醒目又大方。 二、 结合用户界面设计-页面背景1. 模糊背景模糊背景的运用不仅让整个网站显得更加人性化，并且在很大程度上烘托出网站所要表现的氛围。2. 暗色背景在暗...
1.小三角，通过给一个div设置足够大的边框，让它的上边框，右边框，左边框，的背景颜色设置成透明的，来实现，如下：<!DOCTYPE html> <html><head><meta charset="UTF-8"><title></title><style type="text/css">#demo {width: 0;height: 0;/*边框的宽20px*/border-width: 20px;/*边框样式,实线*/border-style: solid;/*边框颜色*/border-color: transparent transparent red transparent;}</style></head><body><!--小三角，trans...