!doctype htmlhtml head meta charset="utf-8" titletab面板/title style *{ margin:0; padding:0;} .tab{ width:/*盛放你的图片需要的宽度*/ overflow:hidden; position:relative; box-shadow:0 0 5px #888888;} ul{ overflow:hidden; width:400%;/*所有图片的总宽度*...

2018-06-24 01:58:58

!-- [if IE 6]script src="/js/DD_belatedPNG.js"/scriptscriptDD_belatedPNG.fix('img,a.opt,.png_bg');/script![endif] -- DD_belatedPNG.js源码 /* ** DD_belatedPNG: Adds IE6 support: PNG images for CSS background-image and HTML IMG/.* Author: Drew Diller*...

2018-06-24 01:59:03

最近在学习vue框架，练习了一些例子之后，想着搭建一个vue项目，了解到官方有提供一个vue-cli工具来搭建项目脚手架，尝试了一下，写下博客来记录一下。 一、工具环境 1、node.js 6.10.0，目前node.js最新版本是8.7.0，可以到官网下载最新版本安装。链接：http://nodejs...

2018-06-24 01:59:00

使用语法 首先我们先来看一个例子： html代码： div class ="element" 这是一段文字 / div css代码： .element { width : 200px ; height : 200px ; --main-bg-color : #000 ; color : #fff ; background-color : var(--main-bg-color) ;} 实现效果： 结果是该DOM元素...

2018-06-24 01:58:50

一：通过margin负值 .one{ position: absolute; width: 200px; height: 200px; top: 50%; left: 50%; margin-left: -100px;} 兼容性好，但是必须要定宽高 二：通过margin:auto .two{ position: absolute; width: 200px; height:200px; margin: auto 0;} 以上两种方法都...

2018-06-24 01:58:52

一栏固定一栏自适应 实现代码： !DOCTYPE htmlhtmlheadtitle自适应布局-一栏固定一栏自适应/titlemeta charset="utf-8"style type="text/css"*{padding: 0;margin: 0;}#left{height: 600px;width: 200px;float: left;background-color: #fffc00;}#main{height: 600px;w...

2018-06-24 01:58:50

小注：display属性在网页布局中非常常见，但经常用到的仅仅是block、inline-block、inline和none等寥寥几个属性值，下面本人将详细介绍display属性的各个方面 定义 display属性用于规定元素生成的框类型，影响显示方式 常用值: none | inline | block | inline-block |...

2018-06-24 01:58:49

在做PC端页面和移动端页面的时候，出现这样一个问题： 给body设置宽、高100%时，将元素使用绝对定位，使其定位在页面之外，根据不同的情况，再以动画的形式跑到页面当中来，给body设置overflow：hidden，在PC端页面时可以实现元素在页面之外，且不会出现滚动条，但是在...

2018-06-24 01:58:48

一、form form代表表单，功能：用于申明表单，定义采集数据的范围，也就是form和/form里面包含的数据将被提交到服务器或者电子邮件里。form 标签用于为用户输入创建 HTML 表单。表单能够包含input元素，比如文本字段、复选框、单选框、提交按钮等等。表单还可以包含tex...

2018-06-24 01:58:44

这次是简单的谈一下我们常见的渐变在各个浏览器下的兼容性问题，算一个比较简单的问题。 我们熟知的浏览器有Chrome、Firefox、Opera、Safari以及ie系列。最基础的background:#cccccc属性表示页面呈现#cccccc色，当然这个在任何浏览器下面都是满足的。但是随着我们对颜...

2018-06-24 01:58:44