慕课网

精品课程十天精通CSS3

十天精通CSS3

最热最新

专业装B不拐弯

CSS生成内容 content配合CSS的伪类或者伪元素，一般可以做以下四件事情： none:不生成任何内容 attr:插入标签属性值 url:使用指定的绝对或相对地址插入一个外部资源（图像，声频，视频或浏览器支持的其他任何资源） string:插入字符串 h1:before{ content:"我是被插进来的"; color: red; }

查看全部

0 采集收起来源：CSS生成内容
2018-03-22
布偶阿喵

Columns给一个父标签设置，让其文本多列布局排版 column-width: 定义多列中每列的宽度 column-count: 定义多列中的列数 column-gap: 定义列与列之间的间距 column-rule: 定义列与列之间的边框宽度、边框样式和边框颜色。 column-span: 定义一个分列元素中的子元素能跨列多少。

查看全部

1 采集收起来源：CSS3 多列布局——Columns
2017-03-25
布偶阿喵

content配合CSS的伪类或者伪元素，一般可以做以下四件事情：功能功能说明 none 不生成任何内容 attr 插入标签属性值 url 使用指定的绝对或相对地址插入一个外部资源（图像，声频，视频或浏览器支持的其他任何资源） string 插入字符串

查看全部

0 采集收起来源：CSS生成内容
2017-03-25
布偶阿喵

外轮廓outline在页面中呈现的效果和边框border呈现的效果极其相似，但和元素边框border完全不同，外轮廓线不占用网页布局空间，不一定是矩形，外轮廓是属于一种动态样式，只有元素获取到焦点或者被激活时呈现。属性值属性值说明 outline-color 定义轮廓线的颜色 outline-style 定义轮廓线的样式 outline-width 定义轮廓线的宽度 outline-offset 定义轮廓边框的偏移位置的数值，此值可以取负数值。当此参数的值为正数值，表示轮廓边框向外偏离多少个像素；当此参数的值为负数值，表示轮廓边框向内偏移多少个像素。 inherit 元素继承父元素的outline效果。

查看全部

0 采集收起来源：CSS3外轮廓属性
2017-03-25
ppyyrr

CSS3中调用动画 animation-name属性主要是用来调用 @keyframes 定义好的动画。需要特别注意: animation-name 调用的动画名需要和“@keyframes”定义的动画名称完全一致（区分大小写），如果不一致将不具有任何动画效果。语法： animation-name: none | IDENT[,none|DENT]*; 1、IDENT是由 @keyframes 创建的动画名，上面已经讲过了（animation-name 调用的动画名需要和“@keyframes”定义的动画名称完全一致）； 2、none为默认值，当值为 none 时，将没有任何动画效果,这可以用于覆盖任何动画。注意：需要在 Chrome 和 Safari 上面的基础上加上-webkit-前缀，Firefox加上-moz-。

查看全部

0 采集收起来源：CSS3中调用动画
2017-03-25
专业装B不拐弯

自由缩放属性resize resize通过拖动的方式来修改元素的尺寸来改变元素的大小。 resize: none | both | horizontal | vertical | inherit none:用户不能拖动元素修改尺寸大小。 both:用户可以拖动元素，同时修改元素的宽度和高度 horizontal:用户可以拖动元素，仅可以修改元素的宽度，但不能修改元素的高度。 vertical:用户可以拖动元素，仅可以修改元素的高度，但不能修改元素的宽度。 inherit:继承父元素的resize属性值。 textarea { -webkit-resize: horizontal; -moz-resize: horizontal; -o-resize: horizontal; -ms-resize: horizontal; resize: horizontal; }

查看全部

0 采集收起来源：自由缩放属性resize
2017-03-25
布偶阿喵

resize，它允许用户通过拖动的方式来修改元素的尺寸来改变元素的大小（必须设置overflow属性才可以）取值说明：属性值取值说明 none 用户不能拖动元素修改尺寸大小。 both 用户可以拖动元素，同时修改元素的宽度和高度 horizontal 用户可以拖动元素，仅可以修改元素的宽度，但不能修改元素的高度。 vertical 用户可以拖动元素，仅可以修改元素的高度，但不能修改元素的宽度。 inherit 继承父元素的resize属性值。

查看全部

0 采集收起来源：自由缩放属性resize
2017-03-25
慕粉0928522411

CSS3中设置动画时间外属性 animation-fill-mode属性定义在动画开始之前和结束之后发生的操作。主要具有四个属性值：none、forwards、backwords和both。其四个属性值对应效果如下： none 默认值，表示动画将按预期进行和结束，在动画完成其最后一帧时，动画会反转到初始帧处 forwards 表示动画在结束后继续应用最后的关键帧的位置 backwards 会在向元素应用动画样式时迅速应用动画的初始帧 both 元素动画同时具有forwards和backwards效果

查看全部

0 采集收起来源：CSS3中设置动画时间外属性
2017-03-25
慕粉0928522411

CSS3变形 1·旋转 rotate() transform: rotate(45deg); 2·扭曲 skew() skew(x,y)使元素在水平和垂直方向同时扭曲第一个参数对应X轴，第二个参数对应Y轴。如果第二个参数未提供，则值为0，也就是Y轴方向上无斜切。 transform:skew(45deg); 3·缩放 scale() scale(X,Y)使元素水平方向和垂直方向同时缩放（也就是X轴和Y轴同时缩放）Y是一个可选参数，如果没有设置Y值，则表示X，Y两个方向的缩放倍数是一样的。 transform: scale(1.5,0.5); 4·-位移 translate() transform: translate(50px,100px); 5·原点 transform-origin 改变原点位置 transform-origin: left top; 6·过渡属性 transition-property transition-property指定过渡或动态模拟的CSS属性 transition-duration:指定完成过渡所需的时间 transition-timing-function:指定过渡函数 transition-delay:指定开始出现的延迟时间例如：设置高度变形，持续过程1s，方式是慢结束，延迟时间是0.2s transition-property: height; transition-duration: 1s; transition-timing-function: ease-out; transition-delay: .2s; 缩写为：transition：height 1s ease-out .2s；

查看全部

0 采集收起来源：CSS3中的动画--过渡延迟时间 transition-delay
2017-03-25
ppyyrr

CSS3中的变形--扭曲 skew() 1、skew(x,y)使元素在水平和垂直方向同时扭曲（X轴和Y轴同时按一定的角度值进行扭曲变形）；第一个参数对应X轴，第二个参数对应Y轴。如果第二个参数未提供，则值为0，也就是Y轴方向上无斜切。 2、skewX(x)仅使元素在水平方向扭曲变形（X轴扭曲变形）； 3、skewY(y)仅使元素在垂直方向扭曲变形（Y轴扭曲变形）

查看全部

0 采集收起来源：CSS3中的变形--扭曲 skew()
2017-03-25
慕粉0928522411

CSS3变形 1·旋转 rotate() transform: rotate(45deg); 2·扭曲 skew() skew(x,y)使元素在水平和垂直方向同时扭曲第一个参数对应X轴，第二个参数对应Y轴。如果第二个参数未提供，则值为0，也就是Y轴方向上无斜切。 transform:skew(45deg); 3·缩放 scale() scale(X,Y)使元素水平方向和垂直方向同时缩放（也就是X轴和Y轴同时缩放）Y是一个可选参数，如果没有设置Y值，则表示X，Y两个方向的缩放倍数是一样的。 transform: scale(1.5,0.5); 4·-位移 translate() transform: translate(50px,100px); 5·原点 transform-origin 改变原点位置 transform-origin: left top; 6·过渡属性 transition-property transition-property指定过渡或动态模拟的CSS属性 transition-duration:指定完成过渡所需的时间 transition-timing-function:指定过渡函数 transition-delay:指定开始出现的延迟时间

查看全部

0 采集收起来源：CSS3中的动画--过渡所需时间 transition-duration
2017-03-24
乔布斯写代码

:root{background:orange} <==> html{background:orange}

查看全部

0 采集收起来源：CSS3 结构性伪类选择器—root
2018-03-22
乔布斯写代码

属性分别是class,href,title；你瞎吗，全部看成class了。属性选择器，非常实用： E[att="val"]; E元素,att属性，val属性的值三个匹配符: ^:以val开头 $:以val结尾 *:包含val

查看全部

0 采集收起来源：CSS3选择器属性选择器
2018-03-22
乔布斯写代码

并不是所有dom使用resize属性能生效。 p image就不行。 div使用案例： div{ resize: both; overflow:auto; border:2px solid; }

查看全部

0 采集收起来源：自由缩放属性resize
2017-03-24
乔布斯写代码

伪类: http://www.w3school.com.cn/css/css_pseudo_elements.asp ":after" ":before"在元素的内容后面，前面插入新的内容 "last-child" "first-child". :active 将样式添加到被激活的元素 :focus 将样式添加到被选中的元素 :hover

查看全部

0 采集收起来源：CSS3背景制作导航菜单综合练习题
2018-03-22

首页上一页 279 280 281 282 283 284 285 下一页尾页

0/150

提交

取消

开始学习

课程须知: 1.html+CSS相关基础知识 2.具有一定的网页制作经验 3.此课程不支持IE9版本以下，建议使用 chrome、safari、firefox、opera浏览器学习本课程。

老师告诉你能学到什么？: 1.系统学习CSS3相关知识 2.轻松制作出各种绚丽的效果