路在脚下，幸福在手中，莫贪！！！！！

CSS3的弹性盒模型css3引入了新的盒模型处理机制，即弹性盒模型，该模型用于决定元素在盒子中的分布方式及如何处理盒子的可用空间。在使用弹性盒子模型时，用户需要先把父容器的display属性设置为box或者inline-box。1、box-orient属性可用于定义盒子元素内部的流动布局方向。可以取值为：   a、horizontal:盒子元素从左到右在一条水平线上显示它的子元素。

随着自己写过的页面的增多，也遇到了很多CSS兼容性的问题。这些兼容性问题，都是必然的，因为技术在不断进步，不断革新，所谓，“后浪推前浪，前浪拍死在沙滩上”，当然我们的技术不能是被拍死在沙滩上，我们还要支持，不支持的话，只能是你这个页面，这个产品被淘汰。那么为了不被淘汰，我们就要做些兼容性处理。我写页面的时候用到过很多的flex布局，觉得非常好用。下面附上一篇不错的flex布

vue 商品星级评价

原文地址：http://www.cnblogs.com/walk-on-the-way/p/5997073.htmldisplay:flex和display:box布局浏览器兼容性分析display:flex和display:box都可用于弹性布局，不同的是display:box是2009年的命名，已经过时，用的时候需要加上前缀；display:flex是2012年之后

CSS3属性1 圆角效果 border-radiusborder-radius是向元素添加圆角边框。使用方法：border-radius:10px;/* 所有角都使用半径为10px的圆角 */border-radius:5px 4px 3px 2px; /* 四个半径值分别是左上角、右上角、右下角和左下角，顺时针 */ 不要以为border-radius的值只能用

CSS3属性笔记选择器（上）1 结构性伪类选择器—first-child“:first-child”选择器表示的是选择父元素的第一个子元素的元素E。简单点理解就是选择元素中的第一个子元素，记住是子元素，而不是后代元素。示例演示通过“:first-child”选择器定位列表中的第一个列表项，并将序列号颜色变为红色。HTML代码： Link1 Link2

CSS3属性笔记选择器（下）1 :enabled选择器在Web的表单中，有些表单元素有可用（“:enabled”）和不可用（“:disabled”）状态，比如输入框，密码框，复选框等。在默认情况之下，这些表单元素都处在可用状态。那么我们可以通过伪选择器“:enabled”对这些表单元素设置样式。示例演示通过“:enabled”选择器，修改文本输入框的边框为2像素的红色边框，并设置它

CSS3属性笔记(四）1 圆角效果 border-radius border-radius是向元素添加圆角边框。使用方法：border-radius:10px;/* 所有角都使用半径为10px的圆角 */  border-radius:5px 4px 3px 2px; /* 四个半径值分别是左上角、右上角、右下角和左下角，顺时针 */ 不

CSS3属性笔记选择器1 :enabled选择器在Web的表单中，有些表单元素有可用（“:enabled”）和不可用（“:disabled”）状态，比如输入框，密码框，复选框等。在默认情况之下，这些表单元素都处在可用状态。那么我们可以通过伪选择器“:enabled”对这些表单元素设置样式。示例演示通过“:enabled”选择器，修改文本输入框的边框为2像素的红色边框，并设置它的背景

CSS3中的变形与动画旋转rotate()函数通过指定的角度参数使元素相对原点进行旋转。它主要在二维空间内进行操作，设置一个角度值，用来指定旋转的幅度。如果这个值为正值，元素相对原点中心顺时针旋转；如果这个值为负值，元素相对原点中心逆时针旋转。如下图所示：HTML代码： CSS代码：.wrapper {  width: 200px;  h

Media Queries 与Responsive 设计Media Queries——媒体类型（一）随着科学技术不断的向前发展，网页的浏览终端越来越多样化，用户可以通过：宽屏电视、台式电脑、笔记本电脑、平板电脑和智能手机来访问你的网站。尽管你无法保证一个网站在不同屏幕尺寸和不同设备上看起来完全一模一样，但至少要让你的Web页面能适配用户的终端，让他更好的呈现在你的用户面前。在本节中，将会学

16种方法实现水平居中垂直居中熟悉水平居中和垂直居中的方法, 不为别的, 就为用的时候能够信手拈来. 下面直接步入正题.原文：16种方法实现水平居中垂直居中水平居中1) 若是行内元素, 给其父元素设置 text-align:center,即可实现行内元素水平居中.2) 若是块级元素, 该元素设置 margin:0 auto即可.3) 若子元素包含 float:left 属性,...