2017年4月24日
css设置元素背景
摘要： 背景background 简写形式为 backgroud:background-color background-position background-size background-repeat background-origin background-clip background-attac 阅读全文
posted @ 2017-04-24 05:56 小明学长 阅读(339) 评论(0) 推荐(0) 编辑
css3变换效果详解
摘要： 1.浏览器支持情况 Internet Explorer 10、Firefox、Opera 支持 transform 属性。 Internet Explorer 9 支持替代的 -ms-transform 属性（仅适用于 2D 转换）。 Safari 和 Chrome 支持替代的 -webkit-tr 阅读全文
posted @ 2017-04-24 05:27 小明学长 阅读(227) 评论(0) 推荐(0) 编辑
css3动画效果详解
摘要： 动画本质上是增强的过渡 动画分两部分，即动画属性定义动画形式，第二部分使用@key-frames规则创建，定义动画是什么样的 1.浏览器支持情况 Internet Explorer 10、Firefox 以及 Opera 支持 animation 属性。 Safari 和 Chrome 支持替代的 阅读全文
posted @ 2017-04-24 00:41 小明学长 阅读(299) 评论(0) 推荐(0) 编辑
2017年4月23日
bootstrap常见class汇总及其他笔记
摘要： 一.container 最外部容器 作用：对不同屏幕规定不同大小样式宽度，并且设置15像素左右内边距，居中 二.网格相关 row 行 使用行在水平方向创建一组列，设置左右15px外边距，抵消外部容器container在两侧的15px留白。 col-*-*: 列 (第一个*可以为xs[超小]/sm[小 阅读全文
posted @ 2017-04-23 11:17 小明学长 阅读(3710) 评论(0) 推荐(0) 编辑
2017年4月22日
css3过渡效果详解
摘要： 各大主流浏览器并没有使用标准属性实现动画特性，需要加前缀。 其中，safari和chrome前缀为-webkit,firefox前缀为-moz,opera为-o（ie为-ms，不过低版本的IE发布在CSS3规则发布之前，建议不要指望所有IE支持动画了，IE11支持大部分css3）。 过渡效果，一般是 阅读全文
posted @ 2017-04-22 20:08 小明学长 阅读(654) 评论(0) 推荐(0) 编辑
栅格系统用法，列的组合
摘要： 所有列都是左浮动，每一列的宽度是以百分比定义的，这意味着在嵌套时，同样可以保持12份。 列偏移col-md-offset-*表现为向右偏移*个列，原理是左边设置*个列的margin 列排序col-md-push-*向右偏移*个列，原理是left值为*个列 同理col-md-pull-*向左偏移 阅读全文
posted @ 2017-04-22 01:52 小明学长 阅读(522) 评论(0) 推荐(0) 编辑
2017年4月21日
css创建布局
摘要： 布局方式一 使用定位 position属性设置了元素的定位内容 取值 static 普通布局，默认值 relative 相对于普通位置定位 absolute 相对于定位值不为static的第一位祖先元素定位 fixed 相对于窗口定位 通过left,right,bottom,top定位，如top为向 阅读全文
posted @ 2017-04-21 20:14 小明学长 阅读(161) 评论(0) 推荐(0) 编辑
css字体设置简写
摘要： font属性 简写顺序 font-stylefont-variantfont-weightfont-size/line-heightfont-family 例： 阅读全文
posted @ 2017-04-21 18:52 小明学长 阅读(600) 评论(0) 推荐(0) 编辑
css3边框背景写法及简写。待续
摘要： 一. border边框样式 border-width 边框宽度 取值 1.长度值 单位em px cm 2.百分数 不太兼容，忽略 3.thin medium thick具体宽度浏览器预设，逐渐增大 border-style 边框样式 1.none 没有边框 默认 2.dashed破折线边框 3.d 阅读全文
posted @ 2017-04-21 18:47 小明学长 阅读(244) 评论(0) 推荐(0) 编辑
html5内容嵌入元素
摘要： 1.嵌入图像 img元素 src 图像url alt 备用信息，在图片无法显示时呈现 height,width 1.1 在超链接中嵌入图像 在a元素里面使用img元素 1.2 创建客户端分区响应图，通过点击某张图像上不同区域让浏览器导航到不同url。 map元素，其包含一个或多个area元素。 例 阅读全文
posted @ 2017-04-21 17:13 小明学长 阅读(394) 评论(0) 推荐(0) 编辑