慕课网

精品课程十天精通CSS3

十天精通CSS3

最热最新

第一帅哥

自由缩放属性：resize: none|both|horizontal|vertical|inherit

查看全部

0 采集收起来源：自由缩放属性resize
2015-03-05
小新_zty

结构性伪类选择器—last-child “:last-child”选择器与“:first-child”选择器作用类似，不同的是“:last-child”选择器选择的是元素的最后一个子元素。例如，需要改变的是列表中的最后一个“li”的背景色，就可以使用这个选择器， ul>li:last-child{background:blue;}

查看全部

0 采集收起来源：CSS3 结构性伪类选择器—last-child
2018-03-22
小新_zty

结构性伪类选择器—first-child “:first-child”选择器表示的是选择父元素的第一个子元素的元素E。简单点理解就是选择元素中的第一个子元素，记住是子元素，而不是后代元素。 ol > li:first-child{ color: red; }

查看全部

0 采集收起来源：CSS3 结构性伪类选择器—first-child
2018-03-22
小新_zty

结构性伪类选择器—target :target选择器称为目标选择器，用来匹配文档(页面)的url的某个标志符的目标元素。我们先来上个例子，然后再做分析。 html代码： <h2><a href="#brand">Brand</a></h2> <div class="menuSection" id="brand"> content for Brand </div> <h2><a href="#jake">Brand</a></h2> <div class="menuSection" id="jake"> content for jake </div> <h2><a href="#aron">Brand</a></h2> <div class="menuSection" id="aron"> content for aron </div> css代码： #brand:target { background: orange; color: #fff; } #jake:target { background: blue; color: #fff; } #aron:target { background: red; color: #fff; } 上面的代码可以对不同的target对象分别设置不的样式。

查看全部

0 采集收起来源：CSS3 结构性伪类选择器—target
2018-03-22
小新_zty

结构性伪类选择器—empty :empty选择器表示的就是空。用来选择没有任何内容的元素，这里没有内容指的是一点内容都没有，哪怕是一个空格。示例： p:empty { display: none; }

查看全部

0 采集收起来源：CSS3 结构性伪类选择器—empty
2015-03-05
小新_zty

结构性伪类选择器:not :not选择器称为否定选择器，和jQuery中的:not选择器一模一样，可以选择除某个元素之外的所有元素。例如： input:not([type="submit"]){ border:1px solid red; }

查看全部

0 采集收起来源：CSS3 结构性伪类选择器—not
2018-03-22
小新_zty

CSS3相对于CSS2新增的3个属性选择器： 1、E[att^="val"] 属性值以 val 开头的 2、E[att$="val"] 属性值以 val 结尾的 3、E[att*="val"] 属性值包含 val 的

查看全部

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

如果背景不是no-repeat，这个属性无效，它会从边框开始显示。只有三个属性： background-origin : border-box | padding-box | content-box ;

查看全部

0 采集收起来源：CSS3背景 background-origin
2015-03-05
sasasa

左半形状圆

查看全部

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

让不知道宽度和高度的元素实现水平、垂直居中。

查看全部

0 采集收起来源：CSS3中的变形--位移 translate()
2015-03-05
Lemon520

1.强制在一行内显示： white-space:nowrap; 2.强制溢出文字为隐藏： overflow:hidden; 3.溢出用省略号显示： text-overflow:ellipsis; 4.溢出后将文字裁剪掉： text-overflow:clip; ( 1,2是前提，只有设置1,2才有3,4的效果 ) 5.控制连续文本换行：word-wrap:normal; 6.内容将在边界内换行：word-wrap:break-word;

查看全部

0 采集收起来源：CSS3文字与字体 text-overflow 与 word-wrap
2015-03-05
接下来看啥

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

查看全部

0 采集收起来源：CSS3边框阴影 box-shadow（二）
2015-03-05
shao0123

HTML代码： <div class="wrapper"> <div><span></span></div> </div> CSS代码： .wrapper { width: 200px; height: 200px; border: 1px dotted red; margin: 100px auto; } .wrapper div { width: 200px; height: 200px; background: orange; -webkit-transform: rotate(45deg); transform: rotate(45deg); } /*取消div下的span跟随父级一起旋转*/ .wrapper span { width: 200px; height: 200px; background: white; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); }

查看全部

0 采集收起来源：CSS3变形--旋转 rotate()
2018-03-22
接下来看啥

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

查看全部

0 采集收起来源：CSS3边框阴影 box-shadow（一）
2015-03-05
Lemon520

背景渐变：linear-gradient background-image:linear-gradient(to top left, red, orange,yellow,green,blue,indigo,violet); to top;to bottom; to left;to right; to top left;to top right(from to)

查看全部

0 采集收起来源：CSS3颜色渐变色彩
2015-03-05

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

0/150

提交

取消

开始学习

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

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