慕课网

精品课程十天精通CSS3

十天精通CSS3

最热最新

qq_伯伯伯亮_0

CSS3选择器 :read-write选择器 :read-write”选择器刚好与“:read-only”选择器相反，主要用来指定当元素处于非只读状态时的样式。 :read-write”选择器来设置不是只读控件的文本框样式。 input[type="text"]:-moz-read-write{ border-color: #f36; } input[type="text"]:read-write{ border-color: #f36;

查看全部

0 采集收起来源：CSS3选择器 :read-write选择器
2018-03-22
qq_伯伯伯亮_0

“:read-only”伪类选择器用来指定处于只读状态元素的样式。简单点理解就是，元素中设置了“readonly=’readonly’” input[type="text"]:-moz-read-only{ border-color: #ccc; } input[type="text"]:read-only{ border-color: #ccc; } textarea:-moz-read-only{ border: 1px solid #ccc; height: 50px; resize: none; background: #eee; } textarea:read-only{ border: 1px solid #ccc; height: 50px; resize: none; background: #eee; }

查看全部

0 采集收起来源：CSS3选择器 :read-only选择器
2018-03-22
qq_伯伯伯亮_0

“::selection”伪元素是用来匹配突出显示的文本(用鼠标选择文本时的文本)。浏览器默认情况下，用鼠标选择网页文本是以“深蓝的背景，白色的字体”显示的，效果如下图所示注意这是鼠标选择网页文本时候显示的格式

查看全部

0 采集收起来源：CSS3选择器 ::selection选择器
2017-04-12
qq_伯伯伯亮_0

input[type="radio"] + span { opacity: 0; } input[type="radio"]:checked + span { opacity: 1; } opacity 是一个透明度 0~1 z-index:100;/*使input按钮在span的上一层，不加点击区域会出现不灵敏*/

查看全部

0 采集收起来源：CSS3选择器 :checked选择器
2018-03-22
慕粉4018805

matrix(a,b,c,d,e,f)---矩阵

查看全部

0 采集收起来源：CSS3中的变形--矩阵 matrix()
2017-04-12
藏于斯

Transition：对元素某个属性或多个属性的变化，进行控制（时间等），类似flash的补间动画。但只有两个关键帧。开始，结束。 Animation：对元素某个属性或多个属性的变化，进行控制（时间等），类似flash的补间动画。可以设置多个关键帧。 Transition与Animation: transition需要触发一个事件 ,而animation在不需要触发任何事件的情况下也可以显式的随着时间变化来改变元素css的属性值，从而达到一种动画的效果。

查看全部

0 采集收起来源：CSS3中调用动画
2017-04-12
jugge

scale()函数让元素根据中心原点对对象进行缩放 scale(X,Y)使元素水平方向和垂直方向同时缩放注意：Y是一个可选参数，如果没有设置Y值，则表示X，Y两个方向的缩放倍数是一样的。

查看全部

0 采集收起来源：CSS3中的变形--缩放 scale()
2017-04-12
jugge

扭曲skew()函数能够让元素倾斜显示。它可以将一个对象以其中心位置围绕着X轴和Y轴按照一定的角度倾斜。这与rotate()函数的旋转不同，rotate()函数只是旋转，而不会改变元素的形状。skew()函数不会旋转，而只会改变元素的形状。

查看全部

0 采集收起来源：CSS3中的变形--扭曲 skew()
2017-04-12
慕粉1719051094

设置伸缩布局： { display:flex; flex-flow:column/row; } 设置伸缩对齐项目： 1）主轴对齐：justify-content:flex-end/flex-start/center/space-round/space-between 2)侧轴对齐伸缩：align-items：flex-start/flex-end/center/stretch/baseline

查看全部

0 采集收起来源：CSS3 伸缩布局（一）
2017-04-11
qq_伯伯伯亮_0

多个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; } #brand:target p { background: orange; color: #fff; }

查看全部

0 采集收起来源：CSS3 结构性伪类选择器—target
2018-03-22
qq_伯伯伯亮_0

CSS3结构性伪类选择器-not :not 选择器称为否定选择器，可以选择除某个元素之外的元素。语法： div :not([id="footer"]){background:orange;} input:not([type="submit"]){ border:1px solid red; }

查看全部

0 采集收起来源：CSS3 结构性伪类选择器—not
2018-03-22
qq_伯伯伯亮_0

/*使用伪元素制作导航列表项分隔线*/ .nav li::after{ content:''; position:absolute; width:1px; height:25px; top:12.5px; right:0; background:linear-gradient(to top,rgba(255,255,255,0), rgba(255,255,255,.2) 50%, rgba(255,255,255,0)); } .nav li::before{ content:''; position:absolute; width:1px; height:25px; left:0px; top:12.5px; background: linear-gradient(to top, #ff625a, #9e3e3a 50%, #ff625a); } /*删除第一项和最后一项导航分隔线*/ .nav li:first-child::before, .nva li:last-child::after{ background:none; }

查看全部

0 采集收起来源：CSS3背景制作导航菜单综合练习题
2017-04-11
qq_伯伯伯亮_0

background:url(http://static.mukewang.com/static/img/logo_index.png) no-repeat 0 0 / 75% 55%, url(http://static.mukewang.com/static/img/logo_index.png) no-repeat right bottom / 50% 40%; 0 0 是XY坐标 75% 55是图片的长宽

查看全部

0 采集收起来源：CSS3背景 multiple backgrounds
2017-04-11
慕粉1719051094

box-sizing:content-box/border-box/padding-box;三种盒子模型的区别是： 1）content-box：就是传统的盒子模型，盒子的width只是元素内容的宽，不包括padding、border； 2）border-box：盒子的width包括元素内容宽、padding、border值； 3）padding-box：盒子的width包括元素内容的宽、padding值

查看全部

1 采集收起来源：CSS3 盒子模型
2017-04-11
jugge

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

查看全部

0 采集收起来源：CSS3变形--旋转 rotate()
2017-04-11

首页上一页 261 262 263 264 265 266 267 下一页尾页

0/150

提交

取消

开始学习

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

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