-
CSS3变形--旋转 rotate() .wrapper div { width: 200px; height: 200px; background: orange; -webkit-transform: rotate(45deg); transform: rotate(45deg); } 如果这个值为正值，元素相对原点中心顺时针旋转；如果这个值为负值，元素相对原点中心逆时针旋转。查看全部
-
/*任务一、设置不同列表的背景色*/ .slider li:nth-of-type(1){...} /*任务二、设置缩略图形状*/ .slider li a::after{...} /*任务三、设置缩略图背景图像*/ .slider li:nth-of-type(1) a::after{...} /*任务四、给缩略图添加蒙板效果*/ .slider li a::before{...} /*任务五、鼠标悬浮时，修改缩略图蒙板透明度*/ .slider li a:hover::before{...} /*任务六、点击综略图，切换背景图*/ /*背景图从左向右出现*/ img:target{...} /*任务七、设置不显示的背景图层级*/ /* Not Target */ img:nth-of-type(n):not(:target){...}查看全部
-
注意：inset 可以写在参数的第一个或最后一个，其它位置是无效的。查看全部
-
box-shadow: X轴偏移量 Y轴偏移量 [阴影模糊半径] [阴影扩展半径] [阴影颜色] [投影方式];查看全部
-
前缀 浏览器 -webkit chrome和safari -moz firefox -ms IE -o opera查看全部
-
:read-only :read-write 都需要加火狐浏览器的前缀 :-moz-read-only :-moz-read-write查看全部
-
本章内容注意区别DOM中的first-child(它是指节点）查看全部
-
累死了查看全部
-
好难写查看全部
-
a[class^=columnNews]{background: red;color:#fff;} a[class^=columnVideo]{background: red;color:#fff;} a[class^=columnAboutUs]{background: red;color:#fff;} a[href^="1.doc"]{background: green;color:#fff;} a[href^="2.doc"]{background: green;color:#fff;} a[title^=box1]{background: blue;color:#fff;} a[title^="this is a box"]{background: blue;color:#fff;} a[title^="there is two boxs"]{background: blue;color:#fff;}查看全部
-
text-overflow:ellipsis; overflow:hidden; white-space:nowrap;查看全部
-
在CSS样式里面写@font-face{ font-family:my font(自己取） src:字体路径} 后面设置字体时要和你自己取的字体名称相同，如p{font-family:my font}查看全部
-
“::selection”伪元素是用来匹配突出显示的文本(用鼠标选择文本时的文本)。浏览器默认情况下，用鼠标选择网页文本是以“深蓝的背景，白色的字体”显示的，效果如下图所示：查看全部
-
CSS3文字与字体 嵌入字体@font-face @font-face能够加载服务器端的字体文件，让浏览器端可以显示用户电脑里没有安装的字体。 语法： @font-face { font-family : 字体名称; src : 字体文件在服务器上的相对或绝对路径; } 这样设置之后，就可以像使用普通字体一样在（font-*）中设置字体样式。 比如： p { font-size :12px; font-family : "My Font"; /*必须项，设置@font-face中font-family同样的值*/ }查看全部
-
<title>嵌入字体</title> <style type="text/css"> @font-face { font-family: "MOOC Font"; src: url("http://www.imooc.com/Amaranth-BoldItalic.otf"); }查看全部
举报
0/150
提交
取消