慕课网

精品课程十天精通CSS3

十天精通CSS3

最热最新

慕瓜5044161

matrix(scaleX,skewX,skewY,scaleY,translateX,translateY)

查看全部

0 采集收起来源：CSS3中的变形--矩阵 matrix()
2016-04-01
yangyuan

:before 前”，“:after 后”和CSS3的伪元素“::before”、“::after”来实现，其关键是依靠CSS3中的“content”属性来实现。不过这个属性对于img和input元素不起作用。实例展示：在CSS中有一种清除浮动的方法叫“clearfix”。而这个“clearfix”方法就中就使用了“content”，只不过只是在这里插入了一个空格。如下所示： .clearfix:before, .clearfix:after { content:””; display:table; } .clearfix:after { clear:both; overflow:hidden; }

查看全部

0 采集收起来源：CSS生成内容
2016-03-31
一切哦克

伪类选择器 li:first-child{样式} /*ul中第一个li元素样式*/ li:last-child{样式} /*ul中第一个最后元素样式*/ li:nth-child（n）{样式} /*ul中从上到下第n个li元素样式*/ li:nth-last-child（n）{样式} /*ul中从下到上第n个li元素样式（加上（last就是倒叙））*/ li:nth-child（even）{样式} /*ul中从上到下第2·4·6个（序列为偶数）li元素样式*/ li:nth-child（odd）{样式} /*ul中从上到下第1·3·5个（序列为奇数）li元素样式*/

查看全部

0 采集收起来源：CSS3背景制作导航菜单综合练习题
2016-03-30
慕粉芳

更改选中文本的颜色

查看全部

0 采集收起来源：CSS3选择器 ::selection选择器
2016-03-30
慕粉芳

单选按钮

查看全部

0 采集收起来源：CSS3选择器 :checked选择器
2016-03-30
黑蝎

私人笔记：属性选择器： E[att^="val"] 选择匹配元素E，且E元素定义了属性att，其属性值以val开头的任何字符串 E[att$="val"] 选择匹配元素E，且E元素定义了属性att，其属性值以val结尾的任何字符串 E[att*="val"] 选择匹配元素E，且E元素定义了属性att，其属性值任意位置包含了字符串“val”。

查看全部

0 采集收起来源：CSS3选择器属性选择器
2018-03-22
好我再想想

white-space:nowrap;规定段落中的文本不进行换行

查看全部

0 采集收起来源：CSS3文字与字体 text-overflow 与 word-wrap
2016-03-30
好我再想想

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

查看全部

0 采集收起来源：CSS3边框阴影 box-shadow（一）
2016-03-30
好我再想想

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

查看全部

0 采集收起来源：CSS3边框圆角效果 border-radius
2016-03-30
qq_疯子_109

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

查看全部

0 采集收起来源：CSS3变形--旋转 rotate()
2016-03-29
yangyuan

自由缩放属性resize 它允许用户通过拖动的方式来修改元素的尺寸来改变元素的大小。 none 用户不能拖动元素修改尺寸大小。 both 用户可以拖动元素，同时修改元素的宽度和高度 horizontal 用户可以拖动元素，仅可以修改元素的宽度，但不能修改元素的高度。 vertical 用户可以拖动元素，仅可以修改元素的高度，但不能修改元素的宽度。 textarea { -webkit-resize: horizontal; -moz-resize: horizontal; -o-resize: horizontal; -ms-resize: horizontal; resize: horizontal; }

查看全部

0 采集收起来源：自由缩放属性resize
2016-03-29
qq_疯子_109

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

查看全部

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

@media (max-width: 480px) { ... } @media (max-width: 768px) { ... } @media (min-width: 768px) and (max-width: 980px) { ... } @media (min-width: 1200px) { .. }

查看全部

0 采集收起来源：Responsive设计——不同设备的分辨率设置
2016-03-29
yangyuan

1.1024px显屏 @media screen and (max-width : 1024px) { /* 样式写在这里 */ } 2.800px显屏 @media screen and (max-width : 800px) { /* 样式写在这里 */ } 3.640px显屏 @media screen and (max-width : 640px) { /* 样式写在这*/ } 4.iPad横板显屏 @media screen and (max-device-width: 1024px) and (orientation: landscape) { /* 样式写在这 */ } 5.iPad竖板显屏 @media screen and (max-device-width: 768px) and (orientation: portrait) { /* 样式写在这 */ } 6.iPhone 和 Smartphones @media screen and (min-device-width: 320px) and (min-device-width: 480px) { /* 样式写在这 */ }

查看全部

0 采集收起来源：Responsive设计——不同设备的分辨率设置
2016-03-29
yangyuan

个meta标签被称为可视区域meta标签，其使用方法如下。 <meta name=”viewport” content=”” /> content属性值详细描述 width 可视区域的宽度，其值可以是一个具体数字或关键词device-width height 可视区域的高度，其值可以是一个具体数字或关键词device-height initial-scale 页面首次被显示时可视区域的缩放级别，取值为1.0时使页面按实际尺寸显示，无任何缩放 minimun-scale 可视区域的最小缩放级别，表示用户可以将页面缩小的程度，取值为1.0时将禁止用户缩小至实际尺寸以下 maximun-scale 可视区域的最大缩放级别，表示用户可以将页面放大的程度，取值为1.0时将禁止用户放大至实际尺寸以上 user-scalable 指定用户是否可以对页面进行缩放，设置为yes将允许缩放，no为禁止缩放禁止其默认的自适应页面的效果，具体设置如下： <meta name=”viewport” content=”width=device-width,initial-scale=1.0” />

查看全部

0 采集收起来源：Responsive设计——meta标签
2018-03-22

首页上一页 577 578 579 580 581 582 583 下一页尾页

0/150

提交

取消

开始学习

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

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