慕课网

精品课程十天精通CSS3

十天精通CSS3

最热最新

英wly

CSS颜色渐变颜色 gradient 分为线性渐变（linear）和径向渐变（radial）。以下只针对线性渐变的语法： linear-gradient（to bottom, #999）参数：第一个参数：指定渐变方向，可以用“角度”的关键词或“英文”来表示： 0deg == to top == 从下向上 90deg == to right == 从左向右 180deg == to bottom == 从上向下 270deg == to left == 从右向左 to top left == 右下角到左上角 to top right == 左下角到右下角第一个参数省略时，默认为“180deg” 等同于“to bottom”。第二个参数和第三个参数，表示颜色的起始点和结束点，可以有多个颜色值。 background-image:linear-gradient(to left, red, orange, yellow, green, blue, indigo, violet);

查看全部

0 采集收起来源：CSS3颜色渐变色彩
2017-03-28
英wly

RGBA在RGB的基础上增加了控制alpha透明度的参数。 R、G、三个参数，正整数的取值范围为0-255.百分数值的取值范围为0.0% - 100.0%。超出范围的数值将被截至其最接近的取值极限。并非所有浏览器都支持使用百分数值。A为透明度参数，取值在0~1之间，不可为负值。

查看全部

0 采集收起来源：CSS3颜色颜色之RGBA
2017-03-28
何小荣

旺晓你这个大傻逼。吼吼吼

查看全部

0 采集收起来源：CSS3 多列布局——column-count
2017-03-28
慕粉1511553885

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

查看全部

0 采集收起来源：CSS3 多列布局——Columns
2017-03-28
易水寒枫亭

text-overflow:ellipsis; overflow:hidden; white-space:nowrap;

查看全部

0 采集收起来源：CSS3文字与字体 text-overflow 与 word-wrap
2017-03-28
英wly

CSS3边框阴影box-shadow 1、阴影模糊半径与阴影扩展半径的区别阴影模糊半径：此参数可选，其值只能是为正值，如果其值为0时，表示阴影不具有模糊效果，其值越大阴影的边缘就越模糊；阴影扩展半径：此参数可选，其值可以是正负值，如果值为正，则整个阴影都延展扩大，反之值为负值时，则缩小； 2、2、X轴偏移量和Y轴偏移量值可以设置为负数 box-shadow: X轴偏移量 Y轴偏移量 [阴影模糊半径] [阴影扩展半径] [阴影颜色] [投影方式]; X轴偏移量为负数： .boxshadow-outset{ width:100px; height:100px; box-shadow:-4px 4px 6px #666; }

查看全部

0 采集收起来源：CSS3边框阴影 box-shadow（二）
2017-03-28
英wly

CSS3边框阴影box-shadow是向盒子添加阴影。支持添加一个或者个。语法是： box-shadow：X轴偏移量 Y轴偏移量 [阴影模糊半径] [阴影扩展半径] [阴影颜色] [投影放手]; 投影方式可设置为inset时为内部阴影方式，如果省略为外阴影方式。inset可以写在参数的第一个或最后一个，其他位置是无效的。

查看全部

0 采集收起来源：CSS3边框阴影 box-shadow（一）
2017-03-28
英wly

CSS边框：圆角效果border-radius border-radius是想向元素添加圆角边框。使用方法：border-radius:5px 4px 3px 2px; 四个半径值分别是左上角、右上角、右下角和左下角，顺时针。实心上半圆：方法：把高度（height）设为宽度（width）的一半，并且设置左上角和右上角的半径余元素的高度一致（大于也可以的）。

查看全部

0 采集收起来源：CSS3边框圆角效果 border-radius
2017-03-28
慕雪7515468

原点的改变： top left —— top ——right top | | | | | | left —— center —— right | | | | | | bottom left —— bottom ——bottom right

查看全部

0 采集收起来源：CSS3中的变形--原点 transform-origin
2017-03-28
李白并不白

3.媒体查询媒体查询在CSS3中得到了强大的扩展。使用这个属性可以让你的设计根据用户终端设备适配对应的样式。这也是响应式设计中最为关键的。可以说Responsive设计离开了Medial Queries就失去了他生存的意义。简单的说媒体查询可以根据设备的尺寸，查询出适配的样式。Responsive设计最关注的就是：根据用户的使用设备的当前宽度，你的Web页面将加载一个备用的样式，实现特定的页面风格。

查看全部

0 采集收起来源：Responsive设计（一）
2017-03-28
慕雪7515468

matrix 英 ['meɪtrɪks] 美 ['meɪtrɪks] 名词. 矩阵，基体，

查看全部

0 采集收起来源：CSS3中的变形--矩阵 matrix()
2017-03-28
慕雪7515468

matrix(scaleX(),skewY(),skewX(),scaleY(),translateX(),translateY()); 水平伸缩量，纵向扭曲，横向扭曲，垂直伸缩量，水平偏移量，垂直偏移量

查看全部

0 采集收起来源：CSS3中的变形--矩阵 matrix()
2017-03-28
慕粉4018805

::selection选择器 1 其伪元素是用来匹配突出显示的文本（用鼠标选择文本时的文本） 2 火狐支持 -moz-selection 其他支持::selection

查看全部

0 采集收起来源：CSS3选择器 ::selection选择器
2017-03-28
慕粉4018805

:checked选择器配合其他标签实现自定义样式，表示选中状态

查看全部

0 采集收起来源：CSS3选择器 :checked选择器
2017-03-28
慕粉4018805

:disabled选择器用来选择不可用表单元素，如若要正常使用，需要在表单元素的HTML中设置“disabled”属性

查看全部

0 采集收起来源：CSS3选择器 :disabled选择器
2017-03-28
慕粉4018805

:only-of-type 表示一个元素他有很多个子元素，而其中只有一种类型的子元素是唯一的

查看全部

0 采集收起来源：CSS3 only-of-type选择器
2017-03-28

首页上一页 275 276 277 278 279 280 281 下一页尾页

0/150

提交

取消

开始学习

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

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