慕课网

精品课程十天精通CSS3

十天精通CSS3

最热最新

Amber酱呀

border-radius 元素师添加圆角边框

查看全部

0 采集收起来源：CSS3边框圆角效果 border-radius
2016-11-14
zhaobao1830

:root { background:orange; } “:root”选择器等同于<html>元素，简单点说： :root{background:orange} html {background:orange;} 得到的效果等同。建议使用:root方法。另外在IE９以下还可以借助“:root”实现hack功能。

查看全部

0 采集收起来源：CSS3 结构性伪类选择器—root
2018-03-22
zhaobao1830

text-shadow可以用来设置文本的阴影效果。语法： text-shadow: X-Offset Y-Offset blur color; X-Offset：表示阴影的水平偏移距离，其值为正值时阴影向右偏移，反之向左偏移； Y-Offset：是指阴影的垂直偏移距离，如果其值是正值时，阴影向下偏移，反之向上偏移； Blur：是指阴影的模糊程度，其值不能是负值，如果值越大，阴影越模糊，反之阴影越清晰，如果不需要阴影模糊可以将Blur值设置为0； Color：是指阴影的颜色，其可以使用rgba色。

查看全部

0 采集收起来源：CSS3文字与字体文本阴影text-shadow
2016-11-14
zhaobao1830

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

查看全部

0 采集收起来源：CSS3文字与字体嵌入字体@font-face
2016-11-14
zhaobao1830

1、实现省略效果 text-overflow:ellipsis; overflow:hidden; white-space:nowrap; 强制文本在一行内显示 2、word-wrap:normal 控制连续文本换行 text-overflow：clip 表示剪切 |ellipsis 表示省略表示

查看全部

0 采集收起来源：CSS3文字与字体 text-overflow 与 word-wrap
2016-11-14
zhaobao1830

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

查看全部

0 采集收起来源：CSS3边框阴影 box-shadow（二）
2016-11-14
番茄酱_

M 回头再看

查看全部

0 采集收起来源：CSS3背景制作导航菜单综合练习题
2016-11-14
薛大傻

圆角DIV，实心圆，实心半圆的制作

查看全部

0 采集收起来源：CSS3边框圆角效果 border-radius
2016-11-13
薛大傻

各种兼容性

查看全部

0 采集收起来源：什么是CSS3？
2016-11-13
hutu图

1. top：50%，left：50%，是将色块的左上角定位在了屏幕的中央，但是，整体并不在中央； 2. translate的百分比是根据自身的宽度和高度来定的，translate(-50%,-50%) 配合 top：50%，left：50% 实现了居中

查看全部

0 采集收起来源：CSS3中的变形--位移 translate()
2016-11-13
学志耀博

选中所有他是父类中他是唯一的孩子

查看全部

0 采集收起来源：CSS3 only-child选择器
2016-11-12
qq_繁华雨落尽空城_0

CSS3 结构性伪类选择器—first-child: “:first-child”选择器表示的是选择父元素的第一个子元素的元素E。简单点理解就是选择元素中的第一个子元素，记住是子元素，而不是后代元素。示例演示通过“:first-child”选择器定位列表中的第一个列表项，并将序列号颜色变为红色。 HTML代码： <ol> <li><a href="##">Link1</a></li> <li><a href="##">Link2</a></li> <li><a href="##">link3</a></li> </ol> CSS代码： ol > li{ font-size:20px; font-weight: bold; margin-bottom: 10px; } ol a { font-size: 16px; font-weight: normal; } ol > li:first-child{ color: red; }

查看全部

0 采集收起来源：CSS3 结构性伪类选择器—first-child
2018-03-22
qq_繁华雨落尽空城_0

CSS3 结构性伪类选择器—target: :target选择器称为目标选择器，用来匹配文档(页面)的url的某个标志符的目标元素。示例展示点击链接显示隐藏的段落。 HTML代码： <h2><a href="#brand">Brand</a></h2> <div class="menuSection" id="brand"> content for Brand </div> CSS代码： .menuSection{ display: none; } :target{/*这里的:target就是指id="brand"的div对象*/ display:block; } 多个url（多个target）处理：就像上面的例子，#brand与后面的id="brand"是对应的，当同一个页面上有很多的url的时候你可以取不同的名字，只要#号后对的名称与id=""中的名称对应就可以了。如下面例子： html代码： <h2><a href="#brand">Brand</a></h2> <div class="menuSection" id="brand"> content for Brand </div> <h2><a href="#jake">Brand</a></h2> <div class="menuSection" id="jake"> content for jake </div> <h2><a href="#aron">Brand</a></h2> <div class="menuSection" id="aron"> content for aron </div> css代码： #brand:target { background: orange; color: #fff; } #jake:target { background: blue; color: #fff; } #aron:target { background: red; color: #fff; }

查看全部

0 采集收起来源：CSS3 结构性伪类选择器—target
2018-03-22
我心如松柏君情复何似

！

查看全部

0 采集收起来源：什么是CSS3？
2016-11-12
Xiaomaor

txet-shadow:5p 5p 5px #ff0000 ; 属性向文本设置阴影

查看全部

0 采集收起来源：什么是CSS3？
2016-11-11

首页上一页 364 365 366 367 368 369 370 下一页尾页

0/150

提交

取消

开始学习

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

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