border用法详解： 1、border-width 属性设置边框的宽度 可能的值：像素 2、border-style 属性设置边框的样式 可能的值：solid(直线)，dashed(虚线)，dotted(点线) 2、border-color 属性设置边框的颜色 可能的值：red,#f00,#ff0000,rgb(255,0,0),transparent border-lef...

2018-06-24 00:52:54 css代码

background用法详解： 1、background-color 属性设置元素的背景颜色 可能的值 color_name 规定颜色值为颜色名称的背景颜色（比如 red） hex_number 规定颜色值为十六进制值的背景颜色（比如 #ff0000） rgb_number 规定颜色值为 rgb 代码的背景颜色（比如 rgb(255,0,0)...

2018-06-24 00:52:28 css代码

文本超出部分隐藏，总结两种方法。 1、单行隐藏 html代码 div class ="mi" 当文字超过范围的时候，超出部分会隐藏起来。 / div css代码 .mi {width: 200px;overflow: hidden;text-overflow: ellipsis;white-space:nowrap;} 结果 当文字超过范围的时候，超出部分会隐藏...

2018-06-24 00:52:10 css代码

● 浏览器兼容问题由来 ○ 由于各大主流浏览器由不同的厂家开发，所用的核心架构和代码也很难重和，这就为各种莫名其妙的Bug(代码错误）提供了温床。再加上各大厂商出于自身利益考虑而设置的种种技术壁垒，都让CSS应用起来比想象得要麻烦。浏览器的兼容问题是我们必须...

2018-06-24 00:51:58 css代码html注释

现在的css3真是强大，之前很多动画都是用jq来实现，但是css3制作的动画要比jq实现起来简单很多，今天呢，我自己也写了一个css旋转动画和大家分享。效果如下面的图片 思路：1.制作之前呢，我们先来整理一下思路，这个圆轴轨迹上一共有八个圆。 仔细看的话，你会发现一个...

2018-06-24 00:51:46 css代码

该教程整理自 阮一峰Flexible教程 今天介绍常见布局的Flex写法。 你会看到，不管是什么布局，Flex往往都可以几行命令搞定。 我的主要参考资料是Landon Schropp的文章和Solved by Flexbox。 一、骰子的布局 骰子的一面，最多可以放置9个点。 下面，就来看看Flex如何实现...

2018-06-24 00:51:15 css代码html模板

二、CSS部分 1、解释一下CSS的盒子模型？ 回答一： a、标准的css盒子模型：宽度=内容的宽度+边框的宽度+加上内边具的宽度 b、网页设计中常听的属性名：内容(content)、填充(padding)、边框(border)、边界(margin)， CSS盒子模式都具备这些属性。 c、这些属性我们可以把...

2018-06-24 00:49:24 电商网站电商网css样式表css文件css代码css技术css兼容网页的制作前端模板html 页面

话说这个问题纠结了近一个小时，为什么呢？看看就知道了。 在公司的商旅Web移动版本项目上有这么一个交互，需要模仿iphone自带的开关，好吧，肯定没什么问题。 Tip： 请使用Chrome查看以下案例 点此查看实例展示 写啊写，html代码出来了： span class="onoff"labeli/i/...

2018-06-24 00:49:12 css代码html5培训

不仅不同浏览器不同，不同的字体,不同的文字大小也会表现不一样。 重置 form checkbox radio 因为不同浏览器解析不一样，有些是默认margin，有些是默认padding，还有ie6,7连margin和padding即使设置为0后，所占的空间还是比较大，所以还是有必须重置下，这样就能解决很...

2018-06-24 00:49:11 css代码

今天分享一个用纯CSS实现的3D按钮。 css巧妙利用了box-shadow来实现3D物体的立体感，当按钮按下的时候再去修改box-shadow和top值。 让人感觉有一种按钮被按下的感觉。css代码非常少，如下所示 a.css-3d-btn { position : relative ; color : rgba(255, 255, 255, 1) ;...

2018-06-24 00:48:50 css代码