-
在Responsive布局中，可以毫无保留的丢弃： 第一， 尽量少用无关紧要的div； 第二，不要使用内联元素（inline）； 第三，尽量少用JS或flash； 第四，丢弃没用的绝对定位和浮动样式； 第五，摒弃任何冗余结构和不使用100%设置。 有舍才有得，丢弃了一些对Responsive有影响的东东，那么有哪些东东能帮助Responsive确定更好的布局呢？ 第一，使用HTML5 Doctype和相关指南； 第二，重置好你的样式（reset.css）； 第三，一个简单的有语义的核心布局； 第四，给重要的网页元素使用简单的技巧，比如导航菜单之类元素。查看全部
-
<link rel="stylesheet" type="text/css" href="style.css" media="screen" /> @importurl(reset.css) screen; <head> <style type="text/css"> @importurl(style.css) all; </style> </head> @media screen { 选择器{/*你的样式代码写在这里…*/} } <head> <style type="text/css"> @media screen{ 选择器{/*你的样式代码写在这里…*/} } </style> </head>查看全部
-
background-image:radial(径向）\linear（线性）-gradient(to left, red, orange,yellow,green,blue,indigo,violet);查看全部
-
border-image:url(路径) 70 round\repeat\stretch;查看全部
-
还有对于径向渐变，不用加方向咯，本来就是从中心到四周查看全部
-
关于渐变方向的设置,可以理解成为平面坐标中的Y轴正方向为标准的参考方向 因此, 从下到上方向一致,则为0deg；从左到右与标准方向夹角为90deg；同理。。。。查看全部
-
【content-box表示确定宽高(height，width)后，该宽高实际上是元素内容的宽高，在这个宽高的基础上，设置的padding、border等会增加该元素实际的占用空间】 【border-box表示确定宽高(height，width)后，该宽高已经是元素的实际占用空间，在这个宽高的基础上，设置的padding、border等只会压缩元素内容的宽高，不会改变元素的占用空间】查看全部
-
animation-fill-mode属性定义在动画开始之前和结束之后发生的操作。主要具有四个属性值：none、forwards、backwords和both。 none:默认值，表示动画将按预期进行和结束，在动画完成其最后一帧时，动画会反转到初始帧处; forwards:表示动画在结束后继续应用最后的关键帧的位置; backwards:会在向元素应用动画样式时迅速应用动画的初始帧; both:元素动画同时具有forwards和backwards效果.查看全部
-
过渡属性transition可以在一定的时间内实现元素的状态过渡为最终状态，用于模拟一种过渡动画效果，但是功能有限，只能用于制作简单的动画效果；而动画属性 animation 可以制作类似Flash动画，通过关键帧控制动画的每一步，控制更为精确，从而可以制作更为复杂的动画。查看全部
-
通过transition属性将一个200px *200px的橙色容器，在鼠标悬浮状态时，过渡到一个300px * 300px的红色容器。而且整个过渡0.1s后触发，并且整个过渡持续0.28s。 -webkit-transition: all .28s ease-in .1s; transition: all .28s ease-in .1s;查看全部
-
(1）ease:速度逐渐变慢 （2）linear:恒速 （3）ease-in:加速，即渐显效果 （4）ease-out:减速，即渐隐效果 （5）ease-in-out:先加速再减速查看全部
-
matrix(scaleX(),skewX(),skewY(),scaleY(),translateX(),translateY());查看全部
-
::before和::after这两个主要用来给元素的前面或后面插入内容，这两个常和"content"配合使用查看全部
-
textarea:-moz-read-only{} textarea :read-only {}查看全部
-
+为兄弟选择器，代表+两侧的元素是前后紧邻的;把单选框的设置为透明度为0 去除默认样式。 input[type="radio"] + span { opacity: 0; } input[type="radio"]:checked+ span { opacity: 1; }查看全部
举报
0/150
提交
取消