sunshine的博客

方法一：使用背景图html结构：<div class="tit-bar"> <div class="deg">满意度调查</div></div>css结构：.tit-bar{ background:url(../img/line-bg.png) repeat-x center; margin:0 auto; padding:5px 0;}.tit-bar .deg

去除ie浏览器input中的自带删除图标input::-ms-clear{display:none;}当input的type为number时，去除浏览器自带的上下三角箭头,并且只能输入数字<input type="number" autocomplete="off" min="1" :max="totalPage" v-model="jumpPage" class="jump-input" onke

当点击输入框调出输入法时，输入框的位置被顶到了地址栏的下面，解决方案如下：scrollIntoView如果滚动页面也是DOM没有解决的一个问题。为了解决这个问题，浏览器实现了一下方法， 以方便开发人员如何更好的控制页面的滚动。在各种专有方法中，HTML5选择了scrollIntoView() 作为标准方法。

.bor-bottom{ position: relative; border-top: none !important; } .bor-bottom::after { content: " "; position: absolute; left: 0; bottom: 0; width: 100%; height: 1px;

我的实践方法：利用Homebrew安装 Homebrew简称brew，是Mac OSX上的软件包管理工具，能在Mac中方便的安装软件或者卸载软件。 1.打开终端，执行以下命令安装Homebrewruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"执行上面命令后会提示输入系

在工作当中，我们难免会遇到这样的适应屏幕需求，宽版以1200px为基准，窄版以1024为基准，版心应该怎么设置呢？而合理运用媒体查询就能非常容易帮我们解决这个问题。/*版心*/@media screen and (max-width:1200px) and (min-width:1024px){ .w{ width:1024px; margin:0 auto

index.html<div class="form-controls f-ct-por"> <input type="text" value="" class="f-text span3" name="textfield" id="textfield"> <input type="button" class="btn" value="浏览..."> <input type=

浏览器最重要或者说最核心的部分是“Rendering Engine”，可大概译为“渲染引擎”，我们一般习惯将之称为“浏览器内核”，负责对网页语法的解释并渲染网页。所以，通常所谓的浏览器内核也就是浏览器所采用的渲染引擎，渲染引擎决定了浏览器如何显示网页的内容以及页面的格式信息。 1、Trident内核：IE最先开发或使用的，也称IE内核，360浏览器使用的也是IE内核； 2、Webkit内核：谷

详细的图标字体制作过程，希望可以对大家有一点帮助

iphone5s和iphone6优先加载@2x的图片，iphone6 plus是加载@3x的图片。background-image:url($url+"@2x.png") @media(-webkit-min-device-pixel-ratio:3),(min-device-pixel-ratio:3) background-image:url($url+"@3x.png")用法：.b

iOS Retina 屏，设置 1px 边框，实际显示 2px，如何解决，可以看这里哦

html部分：<div style="position: relative"> <span class="arrow arrow-down"></span> <span class="arrow arrow-up"></span> <span class="arrow arrow-left"></span> <span class="arrow arrow-r

overflow: hidden;text-overflow: ellipsis;white-space: nowrap;移动端页面：overflow : hidden;text-overflow: ellipsis;display: -webkit-box;//必须结合的属性 ，将对象作为弹性伸缩盒子模型显示 。-webkit-line-clamp: 2;//用来限制在一个块元素显示

常用侧栏固定宽度，内容栏的宽度自适应，在不同的分辨率下实现宽度自适应。下面是我根据工作实践总结的一些实现方法的demo。方法一：固定宽度区浮动 float，自适应区宽度自适应设置 marginhtml结构：<div class="content"> <div class="slider"> <ul> <li><a href="#">导航1</a></li>

码云是一个很好的项目托管工具，将本地项目上传到码云的步骤如下：1、码云上新建一个项目 XXXX（项目名）2、cd 到本地项目文件夹中D:/XXXX, 然后使用git bash 3、使用 git init 命令 //初始化一个git 本地仓库此时会在本地创建一个 .git 的文件夹4、使用git remote add origin https://gitee.com/你...