将“100px” 转换为100

width:100px; min-width:100% 解释：宽度大于100px 就是100% 小于100px 就是100像素

<div style="width:100px; background-color: aqua; min-width:100%">kkk</div>…

一.兼容性首先,inherit这个属性只是在ie8+才支持:100%支持ie6: 二.大多数情况下没有区别在正常情况下height:100%与height:inherit没有任何区别: 1.父元素:height:auto:height:100%与inherit也都是auto: 2.父元素定高:height:100px; height:100%与inherit也都是100px: 三.绝对定位情况下大不同如果子元素为绝对定位元素,则height:100%:参考的父级是离它最近的有定位属性的父级…

JS原生第七篇（帅哥）

1.1 复习 offset 自己的偏移 offsetWidth 得到自己的宽度 offsetHeight 构成 : width + padding + border div width 200 border 3px padding-right: 15px div offsetWidth = 200 + 6 + 15 = 221 2. offsetLeft offsetTop div.offsetLeft 得到距离这个 di…

javascript运动系列第二篇——变速运动

× 目录 [1]准备工作 [2]加速运动 [3]重力运动[4]减速运动[5]缓冲运动[6]加减速运动[7]往复运动[8]变速函数前面的话前面介绍过匀速运动的实现及注意事项,本文在匀速运动的基础上,更进一步,实现各种变速运动,包括加速运动.减速运动.缓冲运动.重力运动和弹性运动准备工作匀速运动在原生javascript中实现运动的主要工具是定时器,通过设置固定的间隔时间,使元素在确定的间隔时间内实现距离的变化.而运动变化的主要表现形式是距离的变化例如,定时器频率可如下列代码所示,设置为…

Bootstrap 我的学习记录2 栅格系统初识

以下理论内容copy自bootstrap中文网(一个不错的bootstrap学习网站). 栅格系统 Bootstrap 提供了一套响应式.移动设备优先的流式栅格系统,随着屏幕或视口(viewport)尺寸的增加,系统会自动分为最多12列.它包含了易于使用的预定义类,还有强大的mixin 用于生成更具语义的布局. 简介栅格系统用于通过一系列的行(row)与列(column)的组合来创建页面布局,你的内容就可以放入这些创建好的布局中.下面就介绍一下 Bootstrap 栅格系统的工作原理: "行(…

JS中的数据类型小结

首先说说JS数据类型的分类.分为标准型和typeof类型(即控制台打印,浏览器区分) 标准型:基本类型中有:number.string.boolean.undefined.null 复合类型:object (对象,array数组也算在里面了). typeof型:number.string.boolean.undefined.function.object . 以上两者主要区分为: 公共的都有number(NAN也是number类型中的).string.boolean.undefined.obj…

巧用 BootStrap --- 栅格系统（布局）轻松搞定网页响应式布局！

摘要:Bootstrap 为我们提供了一套响应式.移动设备优先的流式栅格系统,合理的使用栅格系统将会使得网站页面布局变得更加简单,在设置了媒体查询之后,响应式网站也无需再单独写了.接下来我以Bootstrap的中文官网首页为模板进行展示其栅格布局的使用方法以及相关知识点.相信在看完这篇文章之后,你完全可以轻松使用栅格布局. 网站效果图如下所示: PC版: 移动版: 1.栅格系统(布局) Bootstrap 提供了一套响应式.移动设备优先的流式栅格系统,随着屏幕或视口(viewpo…

bootstrap 全局 CSS 样式

http://v3.bootcss.com/css/#less-mixins-utility 深入了解 Bootstrap 底层结构的关键部分,包括我们让 web 开发变得更好.更快.更强壮的最佳实践. HTML5 文档类型 Bootstrap 使用到的某些 HTML 元素和 CSS 属性需要将页面设置为 HTML5 文档类型.在你项目中的每个页面都要参照下面的格式进行设置. 复制 <!DOCTYPE html> <html lang="zh-CN"> ...…

CSS布局总结及实际应用中产生的问题

布局初步所谓布局,其实是指的将网页内容以一定的方式放到合适的位置上去. 布局的基本步骤: 1, 将“当前版面”以视觉上界限明显的方式进行划分若干个区块,划分只用两种方式: a) 上下结构:此时,只要使用若干个盒子,自然就是上下结构,无需其他设置. b) 左右结构:此时使用若干个盒子,并进行相应的浮动,通常的模式: i. 2个盒子:一左一右 ii. 3个盒子:两左一右或两右一左,或一边倒. iii. 更多盒子:通常一边倒. 浮动解释浮动就像水中的气泡,会“网上浮” 更形象的比喻:大家(所有标签…