慕课网

精品课程十天精通CSS3

十天精通CSS3

最热最新

TraJoe_Wu

@media 媒体类型and （媒体特性）{你的样式} 注意：使用Media Queries必须要使用“@media”开头，然后指定媒体类型（也可以称为设备类型），随后是指定媒体特性（也可以称之为设备特性）。媒体特性的书写方式和样式的书写方式非常相似，主要分为两个部分，第一个部分指的是媒体特性，第二部分为媒体特性所指定的值，而且这两个部分之间使用冒号分隔。例如： (max-width: 480px) 从前面表中可以得知，主要有十种媒体类型和13种媒体特性，将其组合就类似于不同的CSS集合。但与CSS属性不同的是，媒体特性是通过min/max来表示大于等于或小于做为逻辑判断，而不是使用小于（<）和大于（>）这样的符号来判断。

查看全部

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

使用column-gap属性来规定列与列之间的距离

查看全部

0 采集收起来源：CSS3 列间距column-gap
2015-01-20
smile_again

注意加前缀。。。主要是-webkit。。。

查看全部

0 采集收起来源：CSS3 Keyframes介绍
2015-01-28
一淇

使用column-count来规定元素使用的列数和允许的最大列数

查看全部

0 采集收起来源：CSS3 多列布局——column-count
2015-01-20
一淇

多列布局可以使用列数（column-count）来分，也可以使用固定宽度（column-width）来分

查看全部

0 采集收起来源：CSS3 多列布局——column-width
2015-01-20
TraJoe_Wu

在实际中媒体类型有近十种之多，实际之中常用的也就那么几种，不过媒体类型的引用方法也有多种，常见的有：link标签、@import和CSS3新增的@media几种： link方法 link方法引入媒体类型其实就是在<link>标签引用样式的时候，通过link标签中的media属性来指定不同的媒体类型。如下所示。 <link rel="stylesheet" type="text/css" href="style.css" media="screen" /> <link rel="stylesheet" type="text/css" href="print.css" media="print" /> @import方法 @import可以引用样式文件，同样也可以用来引用媒体类型。@import引入媒体类型主要有两种方式，一种是在样式中通过@import调用另一个样式文件；另一种方法是在<head></head>标签中的<style></style>中引入，但这种使用方法在IE6~7都不被支持，如样式文件中调用另一个样式文件时，就可以指定对应的媒体类型。 @importurl(reset.css) screen; @importurl(print.css) print; 在<head>中的<style>标签中引入媒体类型方法。 <head> <style type="text/css"> @importurl(style.css) all; </style> </head> @media方法 @media是CSS3中新引进的一个特性，被称为媒体查询。在页面中也可以通过这个属性来引入媒体类型。@media引入媒体类型和@import有点类似也具有两方式。（1）在样式文件中引用媒体类型： @media screen { 选择器{/*你的样式代码写在这里…*/} } （2）使用@media引入媒体类型的方式是在<head>标签中的<style>中引用。 <head> <style type="text/css"> @media screen{ 选择器{/*你的样式代码写在这里…*/} } </style> </head>

查看全部

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

backwards(不理解) 会在向元素应用动画样式时迅速应用动画的初始帧

查看全部

0 采集收起来源：CSS3中设置动画时间外属性
2015-01-20
小花丶

阴影模糊半径：此参数可选，其值只能是为正值，如果其值为0时，表示阴影不具有模糊效果，其值越大阴影的边缘就越模糊；阴影扩展半径：此参数可选，其值可以是正负值，如果值为正，则整个阴影都延展扩大，反之值为负值时，则缩小；

查看全部

0 采集收起来源：CSS3边框阴影 box-shadow（二）
2015-01-20
小花丶

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

查看全部

0 采集收起来源：CSS3边框阴影 box-shadow（一）
2015-01-20
小花丶

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

查看全部

0 采集收起来源：CSS3边框圆角效果 border-radius
2015-01-20
司马五月

语法：color：rgba(R,G,B,A)；background-color:rgba(100,120,60,0.5); A为透明度参数，取值在0~1之间，不可为负值。值越大，越透明

查看全部

0 采集收起来源：CSS3颜色颜色之RGBA
2015-01-20
宁静要宁静

现在不加前缀-webkit-在chrome里面也可以有效果了。那到底要不要加呢？

查看全部

0 采集收起来源：CSS3 Keyframes介绍
2015-01-20
Leega0

背景动画执行卡一半的临时解决方案 /*设置背景图片全屏显示，并且居中*/ img.bg { min-height: 100%; min-width: 1024px; width: 100%; height: auto !important; height: 100%; position: fixed; top: 0; left:0; z-index:1; /* -webkit-transform: translateX(-50%); */ -moz-transform: translateX(-50%); -o-transform: translateX(-50%); -ms-transform: translateX(-50%); }

查看全部

1 采集收起来源：切换背景图像综合练习题
2015-01-27
大风车不爱风车

阴影类型：此参数是一个可选值，如果不设值，其默认的投影方式是外阴影；如果取其唯一值“inset”,就是将外阴影变成内阴影，也就是说设置阴影类型为“inset”时，其投影就是内阴影； X-offset:是指阴影水平偏移量其值可以是正负值可以取正负值，如果值为正值，则阴影在对象的右边，反之其值为负值时，阴影在对象的左边； Y-offset:是指阴影的垂直偏移量，其值也可以是正负值，如果为正值，阴影在对象的底部，反之其值为负值时，阴影在对象的顶部；阴影模糊半径：此参数是可选，，但其值只能是为正值，如果其值为0时，表示阴影不具有模糊效果，其值越大阴影的边缘就越模糊；阴影扩展半径：此参数可选，其值可以是正负值，如果值为正，则整个阴影都延展扩大，反之值为负值是，则缩小阴影颜色：此参数可选，如果不设定任何颜色时，浏览器会取默认色，但各浏览器默认色不一样，特别是在webkit内核下的safari和chrome浏览器将无色，也就是透明，建议不要省略此参数。

查看全部

1 采集收起来源：CSS3边框阴影 box-shadow（一）
2015-02-25
chuanwei

属性选择器，通配符^：开头 $ 结尾 * 任意三个格式：元素 [ 属性通配符关键词]

查看全部

0 采集收起来源：CSS3选择器属性选择器
2015-01-19

首页上一页 1138 1139 1140 1141 1142 1143 1144 下一页尾页

0/150

提交

取消

开始学习

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

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