为了账号安全,请及时绑定邮箱和手机立即绑定
慕课网数字资源数据库体验端
十天精通CSS3_学习笔记_慕课网
为了账号安全,请及时绑定邮箱和手机立即绑定

十天精通CSS3

大漠 Web前端工程师
难度初级
时长 5小时 0分
  • 为什么会闪烁呢? 不太懂。 一个说法是:鼠标放在边缘闪烁的原因是第一次放到div上面时,执行了一次缩小,此时鼠标在虚线和div之间,这时鼠标没有在div上面,就是没有hover,如果移动鼠标,div就会还原到原来的大小,而还原到原来的大小时鼠标又hover了,又触发一次scale。只要鼠标在虚线和小div之间,上面的过程就会一直重复,因此会看到闪烁现象。ps,即使设置transition也解决不了问题,可以尝试下设置transition: 10s,然后把鼠标放在虚线和div之间,div还是会还原大小。
    查看全部
  • 兼容模式就是: background-color:rgb(255,255,255); alpha:0.5; filter:alpha(opacity=50);
    查看全部
  • width:100px; height:100px; box-shadow:4px 4px 6px #666, /*外阴影右下角*/ -10px -6px 6px green, /*外阴影左上角*/ 4px 4px 4px blue inset, /*内阴影左上角*/ -5px -5px 6px red inset, /*内阴影右下角*/ -8px 10px 4px #4c221b inset, /*内阴影右上角*/ 10px -8px 4px #ff7500 inset; /*内阴影左下角*/
    查看全部
  • 第一个宽度比例1就是原大小,第二个是上下倾斜1就是2倍,2就是3倍,第三个是左右倾斜,数字和第二个一样的意思,第四个是高度比例1就是原大小,第五个是X方向的像素位移,X方向就是左右,第六个是Y方向的像素位移,X方向就是上下
    查看全部
  • matrix(scaleX(),skewY(),skewX(),scaleY(),translateX(),translateY());
    查看全部
  • 导航栏
    查看全部
  • 内阴影inset和外阴影,多阴影逗号隔开
    查看全部
  • 内阴影inset和外阴影区别不加
    查看全部
  • ::selection”伪元素是用来匹配突出显示的文本(用鼠标选择文本时的文本)
    查看全部
  • RGBA rgb红绿蓝,a透明度渐变 线性渐变linear-gradient(渐变的方向,渐变的起点颜色,渐变的终点颜色)to top 从下往上,to bottom 从上往下,to left 从右往左,to right 从左往右
    查看全部
  • inset 内阴影 省略则是外阴影
    查看全部
  • a为元素的水平伸缩量,1为原始大小; b为纵向扭曲,0为不变; c为横向扭曲,0不变; d为垂直伸缩量,1为原始大小; e为水平偏移量,0是初始位置; f为垂直偏移量,0是初始位置
    查看全部
  • transform:translate(x,y) 水平方向和垂直方向同时移动
    查看全部
  • 同学们注意啦,页面上开头有个错误,引入文件的语法错了。 @import url("http://www.w3cplus.com/demo/css3/base.css"); @import url("http://fonts.googleapis.com/css?family=Yesteryear"); 正确的引入样式文件 @import url();而不是@importurl();因为影响到了最终的页面显示效果,所以提出来大家在完成代码之前注意要改过来。 另外,任务一:设置不同列表的背景色,大家不要单纯的用CSS选择器去选择列表,因为选择li还是a同样会影响最终显示效果。 最后,大家会发现提交了正确的代码后,在切换背景的时候没有动画效果,其实很好解决,在桌面新建一个HTML文件,把代码复制过去,然后本地打开这个html文件,现在我想大家都应该能看到效果了。 好啦,其他的我想大家应该都没什么问题。
    查看全部
  • background-origin,内容背景不是no-repeat则无效
    查看全部

举报

0/150
提交
取消
课程须知
1.html+CSS相关基础知识 2.具有一定的网页制作经验 3.此课程不支持IE9版本以下,建议使用 chrome、safari、firefox、opera浏览器学习本课程。
老师告诉你能学到什么?
1.系统学习CSS3相关知识 2.轻松制作出各种绚丽的效果
友情提示:

您好,此课程属于迁移课程,您已购买该课程,无需重复购买,感谢您对慕课网的支持!