慕课网

精品课程十天精通CSS3

十天精通CSS3

最热最新

梦想的天空

旋转rotate()函数通过指定的角度参数使元素相对原点进行旋转。它主要在二维空间内进行操作，设置一个角度值，用来指定旋转的幅度。如果这个值为正值，元素相对原点中心顺时针旋转；如果这个值为负值，元素相对原点中心逆时针旋转。

查看全部

0 采集收起来源：CSS3变形--旋转 rotate()
2015-11-26
梦想的天空

/*这个样式包含两层box-shadow，.effect上的div的前（before）后(after)都添加一个空元素，然后为这两个空元素添加阴影特效,则此时就会出现阴影叠加效果*/ .effect::before, .effect::after{ content:""; position:absolute; z-index:-1; /*阴影x轴偏移0px，y轴偏移0px，阴影的模糊半径10px，阴影的延伸半径10px，颜色蓝色，透明度0.8*/ box-shadow:0 0 10px 10px rgba(0,0,255,0.8); }

查看全部

0 采集收起来源：CSS3选择器 ::before和::after
2018-03-22
梦想的天空

::before和::after这两个主要用来给元素的前面或后面插入内容，这两个常和"content"配合使用，使用的场景最多的就是清除浮动。

查看全部

0 采集收起来源：CSS3选择器 ::before和::after
2018-03-22
梦想的天空

“:read-write”选择器刚好与“:read-only”选择器相反，主要用来指定当元素处于非只读状态时的样式。示例演示使用“:read-write”选择器来设置不是只读控件的文本框样式。

查看全部

0 采集收起来源：CSS3选择器 :read-write选择器
2015-11-26
梦想的天空

“:read-only”伪类选择器用来指定处于只读状态元素的样式。简单点理解就是，元素中设置了“readonly=’readonly’” 示例演示通过“:read-only”选择器来设置地址文本框的样式

查看全部

0 采集收起来源：CSS3选择器 :read-only选择器
2015-11-26
梦想的天空

:selection选择器 “::selection”伪元素是用来匹配突出显示的文本(用鼠标选择文本时的文本)。浏览器默认情况下，用鼠标选择网页文本是以“深蓝的背景，白色的字体”显示的。注意： 1、IE9+、Opera、Google Chrome 以及 Safari 中支持 ::selection 选择器。

查看全部

0 采集收起来源：CSS3选择器 ::selection选择器
2015-11-26
梦想的天空

opacity设置元素的不透明级别，CSS3属性。值：0是完全透明。值：1是完全不透明。取值范围是0到1。默认值是1。

查看全部

0 采集收起来源：CSS3选择器 :checked选择器
2015-11-26
梦想的天空

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

查看全部

0 采集收起来源：CSS3选择器 :checked选择器
2015-11-26
梦想的天空

在Web的表单中，有些表单元素有可用（“:enabled”）和不可用（“:disabled”）状态，比如输入框，密码框，复选框等。在默认情况之下，这些表单元素都处在可用状态。那么我们可以通过伪选择器“:enabled”对这些表单元素设置样式。

查看全部

0 采集收起来源：CSS3选择器 :enabled选择器
2015-11-26
梦想的天空

:last-of-type”选择器和“:first-of-type”选择器功能是一样的，不同的是他选择是父元素下的某个类型的最后一个子元素

查看全部

0 采集收起来源：CSS3 last-of-type选择器
2015-11-26
梦想的天空

:only-child”选择器，来控制仅有一个子元素的背景样式

查看全部

0 采集收起来源：CSS3 only-child选择器
2015-11-26
梦想的天空

“:only-of-type”是表示一个元素他有很多个子元素，而其中只有一种类型的子元素是唯一的，使用“:only-of-type”选择器就可以选中这个元素中的唯一一个类型子元素。

查看全部

0 采集收起来源：CSS3 only-of-type选择器
2015-11-26
梦想的天空

:nth-last-of-type(n)”选择器和“:nth-of-type(n)”选择器是一样的，选择父元素中指定的某种子元素类型，但它的起始方向是从最后一个子元素开始

查看全部

0 采集收起来源：CSS3 nth-last-of-type(n)选择器
2015-11-26
学习才能得到更多

background-origin:border-box,padding-box,content-box

查看全部

0 采集收起来源：CSS3背景 background-origin
2015-11-25
小m_

分析： 1、具体来说，触发元素的URL中的标志符通常会包含一个#号，后面带有一个标志符名称，上面代码中是：#brand 2、：target就是用来匹配id为“brand”的元素（id="brand"的元素）,上面代码中是那个div元素。多个url（多个target）处理：就像上面的例子，#brand与后面的id="brand"是对应的，当同一个页面上有很多的url的时候你可以取不同的名字，只要#号后对的名称与id=""中的名称对应就可以了。如下面例子： 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

首页上一页 692 693 694 695 696 697 698 下一页尾页

0/150

提交

取消

开始学习

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

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