慕课网

精品课程十天精通CSS3

十天精通CSS3

最热最新

一路向南_0004

@font-face能够加载服务器端的字体文件，让浏览器端可以显示用户电脑里没有安装的字体。语法： @font-face { font-family : 字体名称; src : 字体文件在服务器上的相对或绝对路径; }

查看全部

0 采集收起来源：CSS3文字与字体嵌入字体@font-face
2015-03-11
一路向南_0004

text-overflow 与 word-wrap text-overflow只是用来说明文字溢出时用什么方式显示,语法：text-overflow:clip/ellipsis 但前提是定义：1.white-space:nowrap（强制文本在一行内显示） 2.overflow:hidden（溢出内容为隐藏）代码如下：text-overflow:ellipsis; overflow:hidden; white-space:nowrap;

查看全部

0 采集收起来源：CSS3文字与字体 text-overflow 与 word-wrap
2015-03-11
一路向南_0004

渐变色彩分为线性渐变(linear)和径向渐变(radial) 语法：linear-gradient（to top right，#000，#f00） 0deg 等同于 to top 作用是从下向上 90deg 等同于 to right 作用是从左向右 180deg 等同于 to bottom 作用是从上向下 270deg 等同于 to left 作用是从右向左

查看全部

0 采集收起来源：CSS3颜色渐变色彩
2015-03-11
一路向南_0004

RGBA是在RGB的基础上增加了控制alpha透明度的参数。 A为透明度参数，取值在0~1之间，不可为负值。语法： color：rgba(R,G,B,A)

查看全部

0 采集收起来源：CSS3颜色颜色之RGBA
2015-03-11
一路向南_0004

border-image顾名思义就是为边框应用背景图片，它和我们常用的background属性比较相似语法：border-image:url［路径］ 70 70 70 70［切割图片的宽度］ repeat［round/stretch］用#的方式切割图片

查看全部

0 采集收起来源：CSS3边框为边框应用图片 border-image
2015-03-11
精慕门4049846

不要以为border-radius的值只能用px单位，你还可以用百分比或者em，但兼容性目前还不太好。实心上半圆：方法：把高度(height)设为宽度（width）的一半，并且只设置左上角和右上角的半径与元素的高度一致（大于也是可以的）。 div{ height:50px;/*是width的一半*/ width:100px; background:#9da; border-radius:50px 50px 0 0;/*半径至少设置为height的值*/ }实心圆：方法：把宽度（width）与高度(height)值设置为一致（也就是正方形），并且四个圆角值都设置为它们值的一半。如下代码： div{ height:100px;/*与width设置一致*/ width:100px; background:#9da; border-radius:50px;/*四个圆角值都设置为宽度或高度值的一半*/ }

查看全部

0 采集收起来源：CSS3边框圆角效果 border-radius
2015-03-11
一路向南_0004

1、阴影模糊半径与阴影扩展半径的区别阴影模糊半径：此参数可选，其值只能是为正值，如果其值为0时，表示阴影不具有模糊效果，其值越大阴影的边缘就越模糊；阴影扩展半径：此参数可选，其值可以是正负值，如果值为正，则整个阴影都延展扩大，反之值为负值时，则缩小； X轴偏移量和Y轴偏移量值可以设置为负数

查看全部

0 采集收起来源：CSS3边框阴影 box-shadow（二）
2015-03-11
一路向南_0004

阴影 box-shadow box-shadow: X轴偏移量 Y轴偏移量 [阴影模糊半径] [阴影扩展半径] [阴影颜色] [投影方式]; 添加多个阴影：只需用逗号隔开即可。

查看全部

0 采集收起来源：CSS3边框阴影 box-shadow（一）
2015-03-11
一路向南_0004

圆角效果 border-radius:border-radius是向元素添加圆角边框。： border-radius:10px; /* 所有角都使用半径为10px的圆角 */ border-radius: 5px 4px 3px 2px; /* 四个半径值分别是左上角、右上角、右下角和左下角，顺时针 */ 实心上半圆：把高度(height)设为宽度（width）的一半，并且只设置左上角和右上角的半径与元素的高度一致（大于也是可以的）实心圆：方法：把宽度（width）与高度(height)值设置为一致（也就是正方形），并且四个圆角值都设置为它们值的一半。

查看全部

0 采集收起来源：CSS3边框圆角效果 border-radius
2015-03-11
精慕门4049846

编写CSS3样式时，不同的浏览器可能需要不同的前缀。它表示该CSS属性或规则尚未成为W3C标准的一部分，是浏览器的私有属性，虽然目前较新版本的浏览器都是不需要前缀的，但为了更好的向前兼容前缀还是少不了的。前缀浏览器 -webkit chrome和safari -moz firefox -ms IE -o opera

查看全部

0 采集收起来源：什么是CSS3？
2015-03-11
霞_霞

布局 ---> display: flex; 方向 ---> flex-direction: row(横)||column(竖); 上下 ---> align-items: flex-start||center||flex-end; 左右 ---> justify-content: 同上; 倒序 ---> row-reverse

查看全部

0 采集收起来源：CSS3 伸缩布局（二）
2018-03-22
lyrots

就这样了么？选择器、3D特效、动画和响应式能不能再详细一点

查看全部

0 采集收起来源：CSS3选择器属性选择器
2015-03-11
lyrots

后面的章节有好些错别字或语句不通、漏字什么的，看得有点苦

查看全部

0 采集收起来源：CSS3选择器属性选择器
2015-03-11
势仔仔

Chrome浏览器需要前缀 @-webkit-keyframes 别忘了 -webkit-animation 这个也要加上

查看全部

0 采集收起来源：CSS3 Keyframes介绍
2015-03-11
慕慕小欢

阴影 box-shadow（一） <!doctype html> <html> <head> <meta charset="utf-8"> <title>border-shadown</title> <style type="text/css"> div.shadown-inside{ width:100px; height:100px; box-shadown:5px 5px 3px #666 inset; } div.shadown-outside{ width:100px; height:100px; box-shadown:5px 5px 3px #666; } div.shadown-more{ width:100px; height:100px; box-shadow:4px 4px 6px #f00,0px 0px 12px 4px #3c0 inset; } } <style> </head> <body> <div class="shadown-inside"><h2>内阴影</h2></div> <div class="shadown-outside"><h2>外阴影</h2></div> <div class="shadown-more"><h2>多阴影</h2></div> </body> </html>

查看全部

0 采集收起来源：CSS3边框阴影 box-shadow（一）
2018-03-22

首页上一页 1071 1072 1073 1074 1075 1076 1077 下一页尾页

0/150

提交

取消

开始学习

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

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