{content:'html-css''} - 随笔分类(第2页) - 咕-咚

flex布局中flex-basis|flex-grow|flex-shrink

摘要：flex布局中flex-basis|flex-grow|flex-shrink 整个才是正确的算法 flex-basis（基准值）可以设置flex布局中容器的宽度，如果同时存在width属性，将把它给覆盖！它也是计算flex-grow和flex-shrink的基准值，默认值是auto； flex 阅读全文

posted @ 2016-03-17 21:03 咕-咚阅读(611) 评论(0) 推荐(1)

flex布局

摘要：flex基本布局 flex布局兼容性的写法阅读全文

posted @ 2016-03-17 20:54 咕-咚阅读(128) 评论(0) 推荐(0)

响应式布局（实例一）

摘要：响应式布局（实例一）第一步，最基本的布局-固定布局(width:960px) 第一部响应：当浏览器可视页面大于1200px的时候(当然这里需要一些计算滴呀) 第二部响应：当浏览器max-width：959px的时候，使用百分比布局；效果:(等比的进行了缩小滴呀) 第三部响应：当max-width 阅读全文

posted @ 2016-03-17 20:54 咕-咚阅读(1585) 评论(0) 推荐(0)

word-wrap和word-break的区别

摘要：word-wrap和word-break的区别阅读全文

posted @ 2016-03-14 13:56 咕-咚阅读(135) 评论(0) 推荐(0)

css中的zoom的使用

摘要：css中的zoom的使用 zoom : normal | number normal : 默认值。使用对象的实际尺寸 number : 百分数 | 无符号浮点实数。浮点实数值为1.0或百分数为100%时相当于此属性的 normal 值用白话讲解就是zoom:后面的数字即放大的倍数，可以是数值阅读全文

posted @ 2016-03-13 15:30 咕-咚阅读(4333) 评论(0) 推荐(1)

CSS布局一

摘要：CSS布局一实例一(居中) 优化：使用我们的max-width:960px; 就不会出现滚动条了滴呀；所有主流浏览器，包括IE7+在内都支持 max-width 属性；实例二(宽度自适应) 在三列布局中，实现宽度自适应，原理：左右连个div float left 和right 中间的不浮阅读全文

posted @ 2016-03-12 20:47 咕-咚阅读(141) 评论(0) 推荐(0)

ul和ol的一些知识

摘要：ul和ol的一些知识 div#div0 ul{ border:1px solid #ccc; list-style:none; } div#div0 ul li{ border:1px solid green; } /* 我们直接这样布局 ul会有一个默认的padding-left:40px;这个是阅读全文

posted @ 2016-03-12 20:10 咕-咚阅读(587) 评论(0) 推荐(0)

css中的display

摘要：css中的display 阅读全文

posted @ 2016-03-12 17:51 咕-咚阅读(120) 评论(0) 推荐(0)

css中的content的使用

摘要：css中的content的使用阅读全文

posted @ 2016-03-12 17:40 咕-咚阅读(223) 评论(0) 推荐(0)

css技巧篇

摘要：css技巧篇 1.将一段文字置于容器的水平中点： 2.容器水平居中 3.文字的垂直居中前提是：单行文字的水平居中，只要将行高与容器的高设置为相等就可以了；如：<div id="container">010-123456789</div> 然后css： 4.容器阅读全文

posted @ 2016-03-12 15:56 咕-咚阅读(214) 评论(0) 推荐(0)

CSS伪类

摘要：CSS伪类 css中的所有伪类。(还有选择) 简单实例：这里还要注意一哈顺序： css定义中；a:hover 必须位于a:link和a:visited之后，才能生效； css定义中；a:active 必须位于a:hover 之后才能生效； :first-child伪类如果已规定 !DOCTYP 阅读全文

posted @ 2016-03-07 14:30 咕-咚阅读(207) 评论(0) 推荐(0)

CSS3边框

摘要：CSS3边框兼容性：实例一：实例二：（单独的设置四个角）左上角、右上角、右下角、左下角(顺时针顺序) 也可以单独的设置某个角： border-top-left-radius：10px; border-top-right-radius:20px; border-bottom-right-radi 阅读全文

posted @ 2016-03-07 14:30 咕-咚阅读(139) 评论(0) 推荐(0)

CSS3 用户界面

摘要：CSS3 用户界面阅读全文

posted @ 2016-03-04 16:42 咕-咚阅读(148) 评论(0) 推荐(0)

CSS3 动画

摘要：CSS3 动画看基本的属性； animation:animation-name animation-duration animation-timing-function animation-delay animation-iteration-count animation-direction； a 阅读全文

posted @ 2016-03-04 16:41 咕-咚阅读(146) 评论(0) 推荐(0)

CSS3 多列

摘要：CSS3 多列 css代码： .demo{ height:220px; width:400px; border:1px solid red; -moz-column-count:3; -webkit-column-count:3; column-count:3; /* 设置被分成了几列*/ colu 阅读全文

posted @ 2016-03-04 16:41 咕-咚阅读(122) 评论(0) 推荐(0)

CSS3 3D 转换

摘要：CSS3 3D 转换阅读全文

posted @ 2016-03-04 16:40 咕-咚阅读(102) 评论(0) 推荐(0)

CSS3 过渡

摘要：CSS3 过渡(transition) transition:过渡，就是由一种状逐渐态变成另外一状态！兼容性： transition：transition-property transition-duration transition-timing-function transition-dela 阅读全文

posted @ 2016-03-04 16:40 咕-咚阅读(183) 评论(0) 推荐(0)

CSS3 2D 转换

摘要：CSS3 2D 转换先看兼容性 transform属性向应用元素应用2d 或者 3d装换；该属性允许我们进行旋转，缩放，移动或者倾斜；基本语法： transform: none|transform-functions;transform-function：这东东有n的函数可以使用，我先来了解常用阅读全文

posted @ 2016-03-04 16:39 咕-咚阅读(276) 评论(0) 推荐(0)

css3中的文字效果

摘要：css3中的文字效果今天先来学习：text-shadow,word-wrap,word-break text-overflow;四个属性； 1.text-shadow：h-shawo v-shadow blur color; 分别代表着：水平方向上的阴影位置,垂直方向上的位置，模糊距离，颜色；实阅读全文

posted @ 2016-03-04 16:38 咕-咚阅读(168) 评论(0) 推荐(0)

css3中的background-size和background-origin

摘要：css3中的background-size和background-origin 阅读全文

posted @ 2016-03-04 16:37 咕-咚阅读(127) 评论(0) 推荐(0)

随笔分类 - {content:'html-css''}

公告