慕课网

精品课程十天精通CSS3

十天精通CSS3

最热最新

shao0123

img.bg{-webkit-transform: translateX(-50%);}导致后面动画效果不平滑?

查看全部

0 采集收起来源：切换背景图像综合练习题
2015-03-05
文酱酱

animation-fill-mode:设置动画开始和结束之后发生的事情，主要属性有： none。默认值，动画结束后悔回到最初的位置 forwards：动画结束后继续应用最后的关键帧的位置 backwards：动画结束后回到最初位置 both：元素动画同时具有forwards和backwards效果

查看全部

0 采集收起来源：CSS3中设置动画时间外属性
2015-03-05
接下来看啥

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

查看全部

0 采集收起来源：CSS3边框圆角效果 border-radius
2015-03-05
第一帅哥

在Responsive布局中，可以毫无保留的丢弃：第一，尽量少用无关紧要的div；第二，不要使用内联元素（inline）；第三，尽量少用JS或flash；第四，丢弃没用的绝对定位和浮动样式；第五，摒弃任何冗余结构和不使用100%设置。能帮助Responsive确定更好的布局呢？第一，使用HTML5 Doctype和相关指南；第二，重置好你的样式（reset.css）；第三，一个简单的有语义的核心布局；第四，给重要的网页元素使用简单的技巧，比如导航菜单之类元素。

查看全部

0 采集收起来源：Responsive布局技巧
2015-03-05
接下来看啥

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

查看全部

0 采集收起来源：什么是CSS3？
2015-03-05
文酱酱

动画的播放状态： animation-play-state:running(运行)/paused（停止）

查看全部

0 采集收起来源：CSS3中设置动画的播放状态
2015-03-05
第一帅哥

屏幕分辨简单点说就是用户显示器的分辨率，深一点说，屏幕分辨率指的是用户使用的设备浏览您的Web页面时的显示屏幕的分辨率，比如说智能手机浏览器、移动电脑浏览器、平板电脑浏览器和桌面浏览器的分辨率。Responsive设计利用Media Queries属性针对浏览器使用的分辨率来适配对应的CSS样式。因此屏幕分辨率在Responsive设计中是一个很重要的东西，因为只有知道Web页面要在哪种分辨率下显示何种效果，才能调用对应的样式。

查看全部

0 采集收起来源：Responsive设计（二）
2015-03-29
第一帅哥

<link rel="stylesheet" media="screen and (max-device-width:480px)" href="iphone.css" /> 上面的代码指的是“iphone.css”样式适用于最大设备宽度为480px，比如说iPhone上的显示，这里的“max-device-width”所指的是设备的实际分辨率，也就是指可视面积分辨率。 only: 。其实only很多时候是用来对那些不支持Media Query但却支持Media Type的设备隐藏样式表的。

查看全部

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

::before和::after ::before和::after这两个主要用来给元素的前面或后面插入内容，这两个常和"content"配合使用，使用的场景最多的就是清除浮动。 .clearfix::before, .clearfix::after { content: "."; display: block; height: 0; visibility: hidden; } .clearfix:after {clear: both;} .clearfix {zoom: 1;}

查看全部

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

:read-write选择器 “:read-write”选择器刚好与“:read-only”选择器相反，主要用来指定当元素处于非只读状态时的样式。

查看全部

0 采集收起来源：CSS3选择器 :read-write选择器
2015-03-05
shao0123

input[type="text"]:-moz-read-only{ border-color: #ccc; } input[type="text"]:read-only{ border-color: #ccc; }

查看全部

0 采集收起来源：CSS3选择器 :read-only选择器
2018-03-22
shao0123

::selection用于改变选中文本默认样式注意Firefox兼容写法： ::-moz-selection

查看全部

0 采集收起来源：CSS3选择器 ::selection选择器
2015-03-05
shao0123

:checked选择器在表单元素中，单选按钮和复选按钮都具有选中和未选中状态。（大家都知道，要覆写这两个按钮默认样式比较困难）。在CSS3中，我们可以通过状态选择器“:checked”配合其他标签实现自定义样式。而“:checked”表示的是选中状态。

查看全部

0 采集收起来源：CSS3选择器 :checked选择器
2015-03-05
第一帅哥

常用的媒体类型就几种， screen ,print,all,引用方法常见的有三种 link标签，@important,@media <link rel="stylesheet" type="text/css" href="style.css" media="screen" /> <head> <style type="text/css"> @media screen{ 选择器{/*你的样式代码写在这里…*/} } </style> </head> <head> <style type="text/css"> @importurl(style.css) all; </style> </head>

查看全部

0 采集收起来源：media queries——媒体类型（二）
2018-03-22
文酱酱

transition-timing-function:动画过渡函数 ease:由快到慢，逐渐变慢 ease-in：越来越快 ease-out：越来越慢 ease-in-out：先加速再减速 linear：匀速

查看全部

0 采集收起来源：CSS3中的动画--过渡函数 transition-timing-function
2015-03-11

首页上一页 1078 1079 1080 1081 1082 1083 1084 下一页尾页

0/150

提交

取消

开始学习

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

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