慕课网

精品课程十天精通CSS3

十天精通CSS3

最热最新

嘟嘟已经不纯情啦

在设置shadow的时候属性值前三个px后一个颜色时，怎么知道第三个值是模糊半径还是扩展半径

查看全部

1 采集收起来源：CSS3边框阴影 box-shadow（一）
2017-03-10
qq_凯文

-webkit-animation:move 10s ease-in 0.5s infinite; 缩写

查看全部

0 采集收起来源：CSS3中设置动画播放次数
2017-03-09
qq_凯文

关于before,after单双冒号是一个历史遗留问题。 CSS3中，单冒号用于伪类，例如:first-child,:last-child等，主要是像普通类一样便于选择；双冒号用于伪元素，例如::before,::after,是一个没写在HTML上的元素；为什么before，after用单冒号也可以？因为这是在CSS2中定义的，是兼容IE低版本的写法，在CSS3中就严格规定要用双冒号了。

查看全部

0 采集收起来源：CSS生成内容
2017-03-09
qq_凯文

div { padding: 20px; margin: 30px; outline: red solid 2px; border: 2px solid green; } 搜索框淡淡的颜色

查看全部

0 采集收起来源：CSS3外轮廓属性
2017-03-09
qq_凯文

div{ width:40px; height:40px; background:red; overflow:hidden; resize: both ; } div有了 overflow:样式，再设置 resize: both ; div即可拖动来改变大小

查看全部

0 采集收起来源：自由缩放属性resize
2017-03-09
qq_凯文

@media (max-width: 480px) {

查看全部

0 采集收起来源：Responsive设计——不同设备的分辨率设置
2017-03-09
qq_凯文

这三节responsive布局是理论基础, 真正的响应式布局是要有框架的, 比如bootstrap, 在慕课网有bootstrap的讲解. 我是学完了这里,又学完了bootstrap, 最后再回来巩固基础的. 第二遍学习比第一遍学习简单多了,秒懂的感觉.

查看全部

0 采集收起来源：Responsive布局技巧
2017-03-09
qq_凯文

Responsive布局技巧通过上面的介绍，大家对响应式设计有了一定的了解，但在实际制作中还是有一些布局技巧的：在Responsive布局中，可以毫无保留的丢弃：第一，尽量少用无关紧要的div；第二，不要使用内联元素（inline）；第三，尽量少用JS或flash；第四，丢弃没用的绝对定位和浮动样式；第五，摒弃任何冗余结构和不使用100%设置。有舍才有得，丢弃了一些对Responsive有影响的东东，那么有哪些东东能帮助Responsive确定更好的布局呢？第一，使用HTML5 Doctype和相关指南；第二，重置好你的样式（reset.css）；第三，一个简单的有语义的核心布局；第四，给重要的网页元素使用简单的技巧，比如导航菜单之类元素。使用这些技巧，无非是为了保持你的HTML简单干净，而且在你的页面布局中的关键部分（元素）不要过分的依赖现代技巧来实现，比如说CSS3特效或者JS脚本。说了这么多，怎么样的布局或者说HTML结构才是简单干净的呢？这里教大家一个快速测试的方法。你首先禁掉你页面中所有的样式（以及与样式相关的信息），在浏览器中打开，如果你的内容排列有序，方便阅读，那么你的这个结构不会差到哪里去

查看全部

0 采集收起来源：Responsive布局技巧
2017-03-09
qq_凯文

这就是一个响应式布局。手机到平板为：320px-1024px；写法一般为： @media screen and (min-width: 320px) and (max-width: 1024px) { }

查看全部

0 采集收起来源：Responsive设计（二）
2017-03-09
qq_凯文

对only的补充：其实只要专有名称坚持英文就可以了，老师也是费心媒体类型表明目标设备类型。媒体类型包括: all (所有设备类型) screen (电脑屏幕) handheld (手持设备) tv (电视类型设备) 媒体特性包括一些参数: 浏览器窗口的最大,最小尺寸(width and height) 屏幕的宽高(width and height) 屏幕方向(landscape or portrait)

查看全部

0 采集收起来源：Media Queries使用方法
2017-03-09
小鹏_ing

媒体类型：all 所有设备、screen 电脑显示器等等；媒体特性共13种，可以说是一个类似CSS属性的集合媒体类型 all 所有设备 screen 电脑显示器 handheld 便携设备 tv 电视类型设备 print 打印用纸打印预览视图关键字 and not(排除某种设备) only(限定某种设备) 媒体特性媒体特性共13种，可以说是一个类似CSS属性的集合。其中的大部分接受 min/max 的前缀，用来表示大于等于/小于等于的逻辑。

查看全部

0 采集收起来源：Media Queries使用方法
2017-03-09
小鹏_ing

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

查看全部

0 采集收起来源：media queries——媒体类型（二）
2017-03-09
小鹏_ing

响应式布局http://www.w3cplus.com/css3/flexbox-basics.html

查看全部

0 采集收起来源：Media Queries——媒体类型（一）
2017-03-09
小鹏_ing

总结下，CSS3中的三种动画:tranform形变动画/transition缓动动画/animation逐帧动画; tranform: rotate旋转/skew扭曲/scale缩放/translate移动/matrix矩阵变形; transition: property/当设置为all时，表示更改所有中点值的属性 /duration/设置过渡所需要的时间/ timing-function过渡函数，设置过渡的各种状态/ delay; animation: KeyframesName/关键帧，其内容可以设置根据百分比的增大而进行样式的变化.（Name属性必须跟Keyframes的属性保持一致）/ duration/CSS3动画播放时间/ timing-function/来设置动画播放方式 delay/用来定义动画开始播放的时间/ iteration-count direction/定义动画的播放次数。/direction/主要用来设置动画播放方向/ play-state/控制元素动画的播放状态。/ fill-mode/定义在动画开始之前和结束之后发生的操作/;

查看全部

0 采集收起来源：制作3D旋转导航综合练习题
2017-03-09
qq_凯文

两句话解释什么是box-sizing 1. CSS2中，元素(例如div)的内边距(padding)和边框(border)会把元素自身撑大。想要个100*100px的div，都要事先计算，例如，内容80px + 内边距15px + 边框5px = 100px 2. CSS3中，新增 box-sizing 属性，如果设置元素为 box-sizing: border-box，那么元素的内边距(padding)和边框(border)不会再把元素自身撑大。例如，设置div为100*100px，那么无论div里内容、内边距、边框的宽高怎么变化，div的大小永远都是 100*100px box-sizing:content-box，按W3C的盒子模型计算，内容+内边距+边框=元素大小这是搭积木，三块积木搭出一个房子，任何一块积木大小变化了，房子结构就不稳定了，表现为把元素撑大 box-sizing:border-box，按传统IE盒子模型计算，元素大小=内容+内边距+边框这是盖房子，事先定好尺寸，盖好一个房子，里边放三块积木，随便你们三个怎么变化，只要不超过房子的大小，随你们折腾

查看全部

0 采集收起来源：CSS3 盒子模型
2017-03-09

首页上一页 294 295 296 297 298 299 300 下一页尾页

0/150

提交

取消

开始学习

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

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