-
1.流体网格 流体网格是一个简单的网格系统，这种网格设计参考了流体设计中的网格系统，将每个网格格子使用百分比单位来控制网格大小。这种网格系统最大的好处是让你的网格大小随时根据屏幕尺寸大小做出相对应的比例缩放。查看全部
-
Media Queries使用方法查看全部
-
-webkit-transition-property: -webkit-border-radius;查看全部
-
http://www.imooc.com/code/1882查看全部
-
结构性伪类选择器—target :target选择器称为目标选择器，用来匹配文档(页面)的URI的某个标志符的目标元素。我们先来上个例子，然后再做分析。 示例展示 点击链接显示隐藏的段落。查看全部
-
text-overflow用来设置是否使用一个省略标记（...）标示对象内文本的溢出。 语法：但是text-overflow只是用来说明文字溢出时用什么方式显示，要实现溢出时产生省略号的效果，还须定义强制文本在一行内显示（white-space:nowrap）及溢出内容为隐藏（overflow:hidden），只有这样才能实现溢出文本显示省略号的效果，代码如下： text-overflow:ellipsis; overflow:hidden; white-space:nowrap; 同时，word-wrap也可以用来设置文本行为，当前行超过指定容器的边界时是否断开转行。 语法： no查看全部
-
文本阴影text-shadow text-shadow可以用来设置文本的阴影效果。 语法： text-shadow: X-Offset Y-Offset blur color; } X-Offset：表示阴影的水平偏移距离，其值为正值时阴影向右偏移，反之向左偏移； Y-Offset：是指阴影的垂直偏移距离，如果其值是正值时，阴影向下偏移，反之向上偏移； Blur：是指阴影的模糊程度，其值不能是负值，如果值越大，阴影越模糊，反之阴影越清晰，如果不需要阴影模糊可以将Blur值设置为0； Color：是指阴影的颜色，其可以使用rgba色。查看全部
-
background-image:linear-gradient(to left, red, orange,yellow,green,blue,indigo,violet);查看全部
-
box-shadow: X轴偏移量 Y轴偏移量 [阴影模糊半径] [阴影扩展半径] [阴影颜色] [投影方式];查看全部
-
border-radius是向元素添加圆角边框。查看全部
-
background-position:right;属性默认显示为：right，center，显示在网页的右上角，而且图片的高度只显示一半。 z-index属性可以实现覆盖顺序~1为最底层。。。越大离用户越近 让div盒子居中的办法：margin-left：auto；margin-right：auto；（0 auto上下为零，水平居中） 给文字设置行高：line-height。 <ul><li>1</li><li>2</li></ul>对li设置一个display：inline；可实现元素的横向排列，这点可以用来制作横向导航栏~查看全部
-
background-size 设置背景图片的大小，以长度值或百分比显示，还可以通过cover和contain来对图片进行伸缩。 语法： background-size: auto | <长度值> | <百分比> | cover | contain 取值说明： 1、auto：默认值，不改变背景图片的原始高度和宽度； 2、<长度值>：成对出现如200px 50px，将背景图片宽高依次设置为前面两个值，当设置一个值时，将其作为图片宽度值来等比缩放； 3、<百分比>：0％~100％之间的任何值，将背景图片宽高依次设置为所在元素宽高乘以前面百分比得出的数值，当设置一个值时同上； 4、cover：顾名思义为覆盖，即将背景图片等比缩放以填满整个容器； 5、contain：容纳，即将背景图片等比缩放至某一边紧贴容器边缘为止。查看全部
-
得多试试啊查看全部
-
flex display:flex; lex项目称动到左边或右边也取决于主轴的方向。如果flex-direction设置为row，设置justify-content控制方向；如果设置为column，设置align-items控制方向。查看全部
-
盒子模型 box-sizing: content-box | border-box | inherit查看全部
举报
0/150
提交
取消