iframe的弊端一、iframe 阻塞 onload 二、链接池

星期日, 2016-09-18 15:03 — adminshiping1

摘要

普通分类:

div+css

Read more about iframe的弊端一、iframe 阻塞 onload 二、链接池

通过分析iframe和无阻塞脚本关系能让我们更懂iframe

星期日, 2016-09-18 14:58 — adminshiping1

　在我上篇文章里，我提到一种使用iframe完成无阻塞脚本加载的方式，因为我对iframe的偏见很大，所以上篇文章里我没有展开讨论这个问题。

　　文章发表后有位网友问了我这样一个问题，下面是他问题的原文，如下所示：

普通分类:

div+css

Read more about 通过分析iframe和无阻塞脚本关系能让我们更懂iframe

如何给 input 中 type="text" 设置css input type text

星期三, 2016-09-14 16:33 — adminshiping1

input[type="text

普通分类:

div+css

Read more about 如何给 input 中 type="text" 设置css input type text

table tr td 的padding margin 有大用

星期二, 2016-09-06 15:22 — adminshiping1

表格的 tr 的 padding margin 不起作用
td的margin不起作用 padding起作用
下面的方法肯定是好的
要想在下一行插个空白
只能在下一行插入<tr class="tr-spacer"></tr>

普通分类:

div+css

Read more about table tr td 的padding margin 有大用

textrea文本域怎么把默认右下角的几个灰色的点去掉禁止缩放禁止重设大小不可拖动有大用

星期二, 2016-09-06 12:53 — adminshiping1

普通分类:

div+css

Read more about textrea文本域怎么把默认右下角的几个灰色的点去掉禁止缩放禁止重设大小不可拖动有大用

浮动下面的子元素高度相等高度一致高度一样 How to float an element left with full height of the wrapper? 有大用

星期一, 2016-09-05 15:51 — adminshiping1

<div

普通分类:

div+css

Read more about 浮动下面的子元素高度相等高度一致高度一样 How to float an element left with full height of the wrapper? 有大用

css之FILTER:progid:DXImageTransform.Microsoft.Gradient使用

星期一, 2016-09-05 14:06 — adminshiping1

在修改UI-UE工作的时候遇到一个问题，一个样式在firefox上正常的在IE上不正常经过查找发现是当时的开发人员只实现了firefox的逐渐变色效果，却没有去实现IE的效果，后来查找了一些资料使用IE的滤镜来完善相应的页面，并找到了rgba和16进制颜色转变的方法

火狐下的样式background-image: -moz-linear-gradient(rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0) 100%);

IE下： filter: p

普通分类:

div+css

Read more about css之FILTER:progid:DXImageTransform.Microsoft.Gradient使用

css background 图像距离右边右部距离底边底部多少像素有大用

星期一, 2016-09-05 12:48 — adminshiping1

background-position: right

普通分类:

div+css

Read more about css background 图像距离右边右部距离底边底部多少像素有大用

CSS :first-child 选择器第一个子元素最后一个子元素有大用有大大用

星期五, 2016-09-02 14:27 — adminshiping1

参见 /node-admin/2584

普通分类:

div+css

Read more about CSS :first-child 选择器第一个子元素最后一个子元素有大用有大大用

CSS :first-child last-child first-of-type last-of-type 选择器第一个子元素最后一个子元素有大用有大大用有大大大用

星期五, 2016-09-02 14:27 — adminshiping1

这些东西可以用在jquery上面吧

普通分类:

div+css

Read more about CSS :first-child last-child first-of-type last-of-type 选择器第一个子元素最后一个子元素有大用有大大用有大大大用

解决ios 苹果 iphone safari中按钮圆角问题【原创】有大用

星期二, 2016-08-30 15:21 — adminshiping1

下面是我亲自做的
.classinput{

普通分类:

div+css

Read more about 解决ios 苹果 iphone safari中按钮圆角问题【原创】有大用

position 为 fixed 或 absolute时 left 不取值为默认居中, top不取值为默值按普通的顺序排列

星期一, 2016-08-29 10:38 — adminshiping1

普通分类:

div+css

Read more about position 为 fixed 或 absolute时 left 不取值为默认居中, top不取值为默值按普通的顺序排列

CSS font-style斜体字体倾斜体样式(italic oblique normal)

星期一, 2016-08-29 09:41 — adminshiping1

CSS基础必学列表

普通分类:

div+css

Read more about CSS font-style斜体字体倾斜体样式(italic oblique normal)

绝对定位 position:absolute 固定定位 position:fixed 下 left 默认值好像是居中的 top 的默认值应该是0 有大用有大用

星期五, 2016-08-26 10:57 — adminshiping1

.shadow {

    position: fixed;
    top

普通分类:

div+css

Read more about 绝对定位 position:absolute 固定定位 position:fixed 下 left 默认值好像是居中的 top 的默认值应该是0 有大用有大用

CSS设置HTML元素的高度与宽度的各种情况总结

星期五, 2016-08-26 10:54 — adminshiping1

1.元素不设宽度

第一种情况：元素为文档流中元素
<!--

普通分类:

div+css

Read more about CSS设置HTML元素的高度与宽度的各种情况总结

div 高度等于 body 高度如何让 height:100%; 起作用高度全屏高度满屏高度撑满屏幕有大用

星期四, 2016-08-25 11:27 — adminshiping1

让body高度 等于 设备高度

<style> html,body{

普通分类:

div+css

Read more about div 高度等于 body 高度如何让 height:100%; 起作用高度全屏高度满屏高度撑满屏幕有大用

详解css3弹性盒模型（Flexbox）

星期三, 2016-08-24 17:05 — adminshiping1

普通分类:

div+css

Read more about 详解css3弹性盒模型（Flexbox）

css中如何规定某一元素高度等于其宽度

星期三, 2016-08-24 17:04 — adminshiping1

假设我定义某元素的宽度为父元素的50%，而父元素的宽度是可变化的，我想让该元素的高度等于其宽度，如果不用js，要如何实现？

普通分类:

div+css

Read more about css中如何规定某一元素高度等于其宽度

手机 uc 不支持 vw 怎么办

星期三, 2016-08-24 15:21 — adminshiping1

html{
    font-size: 12px;
    font-size: 3.75vw;
}

像这样子 先写 px ,再写 vw 应该就以了

普通分类:

div+css

Read more about 手机 uc 不支持 vw 怎么办

Viewport units: vw, vh, vmin, vmax浏览器兼容一览表# 扩展链接：W3C Candidate Recommendation

星期三, 2016-08-24 13:12 — adminshiping1

#Viewport units: vw, vh, vmin, vmax浏览器兼容一览表#

普通分类:

div+css

Read more about Viewport units: vw, vh, vmin, vmax浏览器兼容一览表# 扩展链接：W3C Candidate Recommendation

利用媒体查询进行响应式设计

星期三, 2016-08-24 12:50 — adminshiping1

原文：

普通分类:

div+css

Read more about 利用媒体查询进行响应式设计

移动Web页面，为什么都喜欢width=device-width，并且关闭系统缩放功能？

星期三, 2016-08-24 12:49 — adminshiping1

如题，这种方式做的移动Web页面，设计稿通常是按照960*640的规格进行设计，再开发的时候，通常会把里面量到的尺寸缩小一半再开发。

普通分类:

div+css

Read more about 移动Web页面，为什么都喜欢width=device-width，并且关闭系统缩放功能？

手机滑动惯性滑动 slipjs 各种特效有大用有大用

星期二, 2016-08-23 09:11 — adminshiping1

普通分类:

div+css

Read more about 手机滑动惯性滑动 slipjs 各种特效有大用有大用

锚点跳转位置上下偏移方法位置错位有大用

星期六, 2016-08-20 14:49 — adminshiping1

如大家在 segmentfault 当前版本所见到的，点击锚点链接后，展示的内容会因为 header 区的浮动而被遮盖。

普通分类:

div+css

Read more about 锚点跳转位置上下偏移方法位置错位有大用

CSS3阴影 box-shadow的使用和技巧总结有大用

星期六, 2016-08-20 11:27 — adminshiping1

text-shadow是给文本添加阴影效果，box-shadow是给元素块添加周边阴影效果。随着html5和CSS3的普及，这一特殊效果使用越来越普遍。

基本语法是{box-shadow:[inset] x-offset y-offset blur-radius spread-radiuscolor}

普通分类:

div+css

Read more about CSS3阴影 box-shadow的使用和技巧总结有大用