慕课网

精品课程十天精通CSS3

十天精通CSS3

最热最新

迷途的马尔斯

box-shadow: X轴偏移量 Y轴偏移量 [阴影模糊半径] [阴影扩展半径] [阴影颜色] [投影方式];

查看全部

0 采集收起来源：CSS3边框阴影 box-shadow（一）
2015-12-01
迷途的马尔斯

border-radius: 5px 4px 3px 2px; /* 四个半径值分别是左上角、右上角、右下角和左下角，顺时针 */

查看全部

0 采集收起来源：CSS3边框圆角效果 border-radius
2015-12-01
迷途的马尔斯

prefix: chrome & safari : -webkit firefox : -moz IE : -ms opera : -o

查看全部

0 采集收起来源：什么是CSS3？
2018-03-22
突然想起you

1.1024px显屏 @media screen and (max-width : 1024px) { /* 样式写在这里 */ } 2.800px显屏 @media screen and (max-width : 800px) { /* 样式写在这里 */ } 3.640px显屏 @media screen and (max-width : 640px) { /* 样式写在这*/ } 4.iPad横板显屏 @media screen and (max-device-width: 1024px) and (orientation: landscape) { /* 样式写在这 */ } 5.iPad竖板显屏 @media screen and (max-device-width: 768px) and (orientation: portrait) { /* 样式写在这 */ } 6.iPhone 和 Smartphones @media screen and (min-device-width: 320px) and (min-device-width: 480px) { /* 样式写在这 */ }

查看全部

0 采集收起来源：Responsive设计——不同设备的分辨率设置
2015-12-01
突然想起you

说了这么多，怎么样的布局或者说HTML结构才是简单干净的呢？这里教大家一个快速测试的方法。你首先禁掉你页面中所有的样式（以及与样式相关的信息），在浏览器中打开，如果你的内容排列有序，方便阅读，那么你的这个结构不会差到哪里去。

查看全部

0 采集收起来源：Responsive布局技巧
2015-12-01
newkunru

这两个常和"content"配合使用，使用的场景最多的就是清除浮动。

查看全部

0 采集收起来源：CSS3选择器 ::before和::after
2018-03-22
newkunru

.clearfix::before, .clearfix::after { content: "."; display: block; height: 0; visibility: hidden; } (⊙o⊙)…。这个好不明白。。。。

查看全部

0 采集收起来源：CSS3选择器 ::before和::after
2018-03-22
灬逍遥

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

查看全部

0 采集收起来源：CSS3文字与字体文本阴影text-shadow
2015-12-01
灬逍遥

text-overflow用来设置是否使用一个省略标记（...）标示对象内文本的溢出。语法： text-overflow:clip|ellipsis (剪切）（省略标记）但是text-overflow只是用来说明文字溢出时用什么方式显示，要实现溢出时产生省略号的效果，还须定义强制文本在一行内显示（white-space:nowrap）及溢出内容为隐藏（overflow:hidden），只有这样才能实现溢出文本显示省略号的效果，代码如下： text-overflow:ellipsis; overflow:hidden; white-space:nowrap; 同时，word-wrap也可以用来设置文本行为，当前行超过指定容器的边界时是否断开转行。语法： normal为浏览器默认值，break-word设置在长单词或 URL地址内部进行换行，此属性不常用，用浏览器默认值即可。

查看全部

0 采集收起来源：CSS3文字与字体 text-overflow 与 word-wrap
2015-12-01
zhizhuo

任务 1、制作导航圆角提示：使用border-radius实现圆角 2、制作导航立体风格提示：使用box-shadow实现立体风格 3、制作导航分隔线提示：使用渐变与伪元素制作 4、删除第一个和最后一个导航分隔线提示：使用伪元素删除第一个和最后一个分隔线

查看全部

0 采集收起来源：CSS3背景制作导航菜单综合练习题
2015-12-01
newkunru

:nth-child(n)”选择器中的n为一个表达式时，其中n是从0开始计算，当表达式的值为0或小于0的时候，不选择任何匹配的元素。

查看全部

0 采集收起来源：CSS3 结构性伪类选择器—nth-child(n)
2015-12-01
newkunru

结构性伪类选择器:empty 没有内容是指没有一点内容，哪怕是一个空格

查看全部

0 采集收起来源：CSS3 结构性伪类选择器—empty
2015-12-01
newkunru

语法结构标签:not([ ])

查看全部

0 采集收起来源：CSS3 结构性伪类选择器—not
2015-12-01
newkunru

E[att^="val"] 是指寻找E元素中属性为att的值以val开头的字符串！ E[att$="val"]--------------------------------以val结尾-------- E[att*="val"]-------------------------------含有val的任何字符串！

查看全部

0 采集收起来源：CSS3选择器属性选择器
2018-03-22
newkunru

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

查看全部

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

首页上一页 688 689 690 691 692 693 694 下一页尾页

0/150

提交

取消

开始学习

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

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