慕课网

精品课程十天精通CSS3

十天精通CSS3

最热最新

思索前进

阴影模糊半径和阴影扩展半径：阴影模糊半径：可选，只能是正值，为0的时候代表没有模糊，值越大模糊越大扩展半径：可选，可负可正，正值扩大，负值缩小， x和y的值， x:左负，右正 y:上负，下正

查看全部

0 采集收起来源：CSS3边框阴影 box-shadow（二）
2015-08-22
yanyan__

text-overflow 与 word-wrap text-overflow用来设置是否使用一个省略标记（...）标示对象内文本的溢出。语法：但是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-08-22
Joeylucky

4.iPad横板显屏 @media screen and (max-device-width: 1024px) and (orientation: landscape) { /* 样式写在这 */ } 5.iPad竖板显屏 @media screen and (max-device-width: 768px) and (orientation: portrait) { /* 样式写在这 */ }

查看全部

0 采集收起来源：Responsive设计——不同设备的分辨率设置
2015-08-21
enzoop

导航分隔线的制作

查看全部

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

让IE6-8支持CSS3 Media: media-queries.js(http://code.google.com/p/css3-mediaqueries-js/) respond.js(https://github.com/scottjehl/Respond) <!—[if lt IE9]> <scriptsrc=http://css3-mediaqueries-js.googlecode.com/svn/trunk/css3-mediaqueries.js></script> <![endif]>

查看全部

0 采集收起来源：Responsive设计——meta标签
2018-03-22
enzoop

背景图片定位方法：设置两个值相当于上边距和下编剧两个值就可以确定背景图片在盒子里的任意位置 background-position:x% y%

查看全部

0 采集收起来源：CSS3背景 background-size
2015-08-21
enzoop

可以看到absolute还能用在<span>标签上

查看全部

0 采集收起来源：CSS3背景 background-clip
2018-03-22
慕用4042094

background-origin需要背景图片是no-repeat,否则会无效

查看全部

0 采集收起来源：CSS3背景 background-origin
2015-08-20
班大人

这2个插件是 Internet Explorer 8或者更老的浏览器不支持媒体查询。你可以使用media-queries.js或者respond.js来在IE中添加对媒体查询的支持。

查看全部

0 采集收起来源：Responsive设计——meta标签
2015-08-20
班大人

box-sizing:border-box;

查看全部

0 采集收起来源：CSS3 盒子模型
2015-08-20
班大人

box-sizig:border-box;

查看全部

0 采集收起来源：CSS3 盒子模型
2015-08-20
wendy13

HTML代码： <div>:root选择器的演示</div> CSS代码： :root { background:orange; } 演示结果： “:root”选择器等同于<html>元素，简单点说： :root{background:orange} html {background:orange;}

查看全部

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

实例展示： html代码： <a href="xxx.pdf">我链接的是PDF文件</a> <a href="#" class="icon">我类名是icon</a> <a href="#" title="我的title是more">我的title是more</a> css代码 a[class^=icon]{ background: green; color:#fff; } a[href$=pdf]{ background: orange; color: #fff; } a[title*=more]{ background: blue; color: #fff; }

查看全部

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

max-width 小于等于 min-width 大于等于 <link rel="stylesheet" media="screen and (max-device-width:480px)" href="iphone.css" />

查看全部

0 采集收起来源：Media Queries使用方法
2018-03-22
wendy13

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

查看全部

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

首页上一页 804 805 806 807 808 809 810 下一页尾页

0/150

提交

取消

开始学习

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

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