为了账号安全,请及时绑定邮箱和手机立即绑定
  • 嵌入字体@font-face @font-face能够加载服务器端的字体文件,让浏览器端可以显示用户电脑里没有安装的字体。 语法: @font-face { font-family : 字体名称; src : 字体文件在服务器上的相对或绝对路径; } 这样设置之后,就可以像使用普通字体一样在(font-*)中设置字体样式。 比如: p { font-size :12px; font-family : "My Font"; /*必须项,设置@font-face中font-family同样的值*/ }
    查看全部
  • -webkit-transition: background-color .5s ease .1s; transition: background-color .5s ease .1s; 要过渡的属性值 过渡过程持续的时间 过渡变化过程变化快慢的函数 延迟时间
    查看全部
  • 很牛叉。。。看不懂
    查看全部
  • 使用伪元素::after,:before设置位置,并使用position绝对定位; 设置与元素li的right、top距离; 设置内容为空:content:"";并设置高度和宽度; 可以设置单一背景色(background-color:#AAA)或者渐变色(background:linlinear-gradient(to bottom,#f82f87,#B0363F,#f82f87));
    查看全部
  • 但是text-overflow只是用来说明文字溢出时用什么方式显示,要实现溢出时产生省略号的效果,还须定义强制文本在一行内显示(white-space:nowrap)及溢出内容为隐藏(overflow:hidden),只有这样才能实现溢出文本显示省略号的效果
    查看全部
  • 多列布局——column-count column-count属性主要用来给元素指定想要的列数和允许的最大列数。其语法规则: column-count:auto | <integer>
    查看全部
  • 多列布局——column-width column-width的使用和CSS中的width属性一样,不过不同的是,column-width属性在定义元素列宽的时候,既可以单独使用,也可以和多列属性中其他属性配合使用。其基本语法如下所示 ; column-width: auto | <length>
    查看全部
  • 多列布局——Columns 为了能在Web页面中方便实现类似报纸、杂志那种多列排版的布局,W3C特意给CSS3增加了一个多列布局模块(CSS Multi Column Layout Module)。它主要应用在文本的多列布局方面,对于文本的多列布局,我想大家并不陌生,因为报纸和杂志上我们随处可见,这种布局在报纸和杂志上都使用了几十年了,但要在Web页面上实现这样的效果还是有相当大的难度,庆幸的是,CSS3的多列布局可以轻松实现。接下来咱们一起学习多列布局相关的知识。 Columns columns:<column-width列宽> || <column-count列数>
    查看全部
  • 媒体查询除了IE6-8浏览器不支持之外,在所有现代浏览器中都可以完美支持。
    查看全部
  • box-sizing: content-box | border-box | inherit border-box(重新定义CSS2.1中盒模型组成的模式,让元素维持IE传统的盒模型(IE6以下版本和IE6-7怪异模式),也就是说元素的宽度或高度等于元素内容的宽度或高度。从上面盒模型介绍可知,这里的内容宽度或高度包含了元素的border、padding、内容的宽度或高度(此处的内容宽度或高度=盒子的宽度或高度—边框—内距)。)
    查看全部
    0 采集 收起 来源:CSS3 盒子模型

    2014-10-24

  • @-webkit-keyframes和-webkit-animation注意加前缀。
    查看全部
  • 不知道元素宽度和高是多少,实现水平垂直居中,使用transform:translate()
    查看全部
  • a[class^=icon]{} 选取所有class以“icon”为开头的a标签元素 a[class$=icon]{}选取所有class以“icon”为结尾的a标签元素 a[class*=icon]{}选取所有class包含“icon”的a标签元素
    查看全部
  • mark
    查看全部
  • 多看几遍得
    查看全部

举报

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

微信扫码,参与3人拼团

意见反馈 帮助中心 APP下载
官方微信
友情提示:

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