为了账号安全,请及时绑定邮箱和手机立即绑定
  • 在编写CSS3样式时,不同的浏览器可能需要不同的前缀。它表示该CSS属性或规则尚未成为W3C标准的一部分,是浏览器的私有属性,虽然目前较新版本的浏览器都是不需要前缀的,但为了更好的向前兼容前缀还是少不了的。 前缀 浏览器 -webkit chrome和safari -moz firefox -ms IE -o opera
    查看全部
    0 采集 收起 来源:什么是CSS3?

    2017-07-26

  • text-overflow:ellipsis; overflow:hidden; white-space:nowrap; 实现文本溢出显示省略号的代码
    查看全部
  • text-overflow:ellipsis; overflow:hidden; white-space:nowrap;
    查看全部
  • 但是text-overflow只是用来说明文字溢出时用什么方式显示,要实现溢出时产生省略号的效果,还须定义强制文本在一行内显示(white-space:nowrap)及溢出内容为隐藏(overflow:hidden),只有这样才能实现溢出文本显示省略号的效果,代码如下: text-overflow:ellipsis; overflow:hidden; white-space:nowrap;
    查看全部
  • 1.repeat 2.round 3.stretch
    查看全部
  • 1、阴影模糊半径与阴影扩展半径的区别 阴影模糊半径:此参数可选,其值只能是为正值,如果其值为0时,表示阴影不具有模糊效果,其值越大阴影的边缘就越模糊; 阴影扩展半径:此参数可选,其值可以是正负值,如果值为正,则整个阴影都延展扩大,反之值为负值时,则缩小;
    查看全部
  • martrix(m11,m12,m21,m22,dx,dy) x'=m11*x+m21*y+dx y'=m12*x+m22*y+dy
    查看全部
  • 若 (1)flex-direction:row 则用justify-content控制方向 (2)flex-direction:column 则用align-items控制方向
    查看全部
  • ease 规定慢速开始,然后变快,然后慢速结束的过渡效果(cubic-bezier(0.25,0.1,0.25,1))。 ease-in 规定以慢速开始的过渡效果(等于 cubic-bezier(0.42,0,1,1))。 ease-out 规定以慢速结束的过渡效果(等于 cubic-bezier(0,0,0.58,1))。 ease-in-out 规定以慢速开始和结束的过渡效果(等于 cubic-bezier(0.42,0,0.58,1))。
    查看全部
  • a为元素的水平伸缩量,1为原始大小; b为纵向扭曲,0为不变; c为横向扭曲,0不变; d为垂直伸缩量,1为原始大小; e为水平偏移量,0是初始位置; f为垂直偏移量,0是初始位置
    查看全部
  • 外轮廓outline在页面中呈现的效果和边框border呈现的效果极其相似,但和元素边框border完全不同,外轮廓线不占用网页布局空间,不一定是矩形,外轮廓是属于一种动态样式,只有元素获取到焦点或者被激活时呈现. outline-color:定义轮廓线的颜色 outline-style:定义轮廓线的样式 outline-width:定义轮廓线的宽度 outline-offset:定义轮廓边框的偏移位置的数值,此值可以取负数值。当此参数的值为正数值,表示轮廓边框向外偏离多少个像素;当此参数的值为负数值,表示轮廓边框向内偏移多少个像素。 inherit 元素继承父元素的outline效果。
    查看全部
    0 采集 收起 来源:CSS3外轮廓属性

    2017-07-23

  • 自由缩放属性resize 允许用户通过拖动的方式来修改元素的尺寸来改变元素的大小。 resize属性主要是用来改变元素尺寸大小的,其主要目的是增强用户体验。但使用方法却是极其的简单,先从其语法入手。 resize: none | both | horizontal | vertical | inherit 取值说明: none:用户不能拖动元素修改尺寸大小。 both:用户可以拖动元素,同时修改元素的宽度和高度 horizontal:用户可以拖动元素,仅可以修改元素的宽度,但不能修改元素的高度。 vertical:用户可以拖动元素,仅可以修改元素的高度,但不能修改元素的宽度。 inherit:继承父元素的resize属性值。
    查看全部
  • 响应式设计:Responsive设计 (1)作用:是精心提供各种设备都能浏览网页的一种设计方法 (2)满足条件:1 网站必须建立灵活的网格基础 2 引用到网站的图片必须是可伸缩的 3 不同的显示风格,需要在Media Queries上写不同的样式。
    查看全部
  • 媒体查询 媒体查询在CSS3中得到了强大的扩展。使用这个属性可以让你的设计根据用户终端设备适配对应的样式。这也是响应式设计中最为关键的。可以说Responsive设计离开了Medial Queries就失去了他生存的意义。简单的说媒体查询可以根据设备的尺寸,查询出适配的样式。Responsive设计最关注的就是:根据用户的使用设备的当前宽度,你的Web页面将加载一个备用的样式,实现特定的页面风格。
    查看全部
  • CSS3 列表边框column-rule column-rule主要是用来定义列与列之间的边框宽度、边框样式和边框颜色。不占用任何空间位置的,在列与列之间改变其宽度不会改变任何列的位置。 column-rule:<column-rule-width>|<column-rule-style>|<column-rule-color> column-rule: 2px dotted green; width:medium、thick和thin; style:none、hidden、dotted、dashed、solid、double、groove、ridge、inset、outset; color:也可以将其设置为transparent(透明色).
    查看全部

举报

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

微信扫码,参与3人拼团

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

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