-
<!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <title>CSS制作立体导航</title> <link rel="stylesheet" href="http://www.w3cplus.com/demo/css3/base.css"> <style> body{ background: #ebebeb; } .nav{ width:560px; height: 50px; font:bold 0/50px Arial; text-align:c查看全部
-
Mark 使用渐变与伪元素制作 使用伪元素删除第一个和最后一个分隔线查看全部
-
实用技能！ @font-face { font-family : 字体名称; src : 字体文件在服务器上的相对或绝对路径; } p { font-size :12px; font-family : "My Font"; /*必须项，设置@font-face中font-family同样的值*/ }查看全部
-
:empty 选择没有任何内容的元素(包括空格不算)查看全部
-
~~~~~查看全部
-
注意加前缀~~~查看全部
-
both不会回到初始帧查看全部
-
animation-fill-mode none/backwards/both:最后都会回到初始帧 forwards:动画在结束后继续应用最后的关键帧的位置查看全部
-
:not 否定选择器查看全部
-
:root 根选择器查看全部
-
嗯嗯查看全部
-
为了更好的兼容各个浏览器，在写css样式时需要加上前缀（表示该属性未成为W3C标准） /*前缀 浏览器*/ -webkit chrome(谷歌)和Safari(苹果) -moz firefox(火狐) -ms IE -o opera(欧朋) 一、边框 1.圆角效果：border-radius:10px/*所有角都是半径为10px的圆角*/ border-radius:5px 4px 3px 2px /*顺时针*/ 2.多种颜色的边框：border-width:6px; border-top查看全部
-
* 含有 任意位置 ^ 开头 $ 结尾查看全部
-
transition: all .5s ease-in .2s; 第一个时间的值为 transition-duration，第二个为transition-delay。查看全部
-
transition-timing-function属性指的是过渡的“缓动函数”。主要用来指定浏览器的过渡速度，以及过渡期间的操作进展情况，其中要包括以下几种函数 ease linear ease-in ease-out ease-in-out查看全部
举报
0/150
提交
取消