慕课网

精品课程十天精通CSS3

十天精通CSS3

最热最新

qq_Dream_High

:read-only伪类选择器用来指定文本框处于只读不能输入的样式。

查看全部

0 采集收起来源：CSS3选择器 :read-only选择器
2016-03-25
专注的前端工程师

结构性伪类选择器—root :root选择器，从字面上我们就可以很清楚的理解是根选择器，他的意思就是匹配元素E所在文档的根元素。在HTML文档中，根元素始终是<html>。 “:root”选择器等同于<html>元素，简单点说： :root{background:orange} html {background:orange;} 得到的效果等同。建议使用:root方法。另外在IE９以下还可以借助“:root”实现hack功能。

查看全部

0 采集收起来源：CSS3 结构性伪类选择器—root
2018-03-22
专注的前端工程师

E[att] CSS2 选择具有att属性的E元素。 E[att="val"] CSS2 选择具有att属性且属性值等于val的E元素。 E[att~="val"] CSS2 选择具有att属性且属性值为一用空格分隔的字词列表，其中一个等于val的E元素。 E[att^="val"] CSS3 选择具有att属性且属性值为以val开头的字符串的E元素。 E[att$="val"] CSS3 选择具有att属性且属性值为以val结尾的字符串的E元素。 E[att*="val"] CSS3 选择具有att属性且属性值为包含val的字符串的E元素。 E[att|="val"] CSS2 选择具有att属性且属性值为以val开头并用连接符"-"分隔的字符串的E元素，如果属性值仅为val，也将被选择。

查看全部

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

使用css3伪类来实现动画效果

查看全部

0 采集收起来源：切换背景图像综合练习题
2016-03-25
qq_Dream_High

s::election伪元素是用来匹配显示鼠标所选中的文本。

查看全部

0 采集收起来源：CSS3选择器 ::selection选择器
2016-03-25
FianeHsu

@font-face能够加载服务器端的字体文件，让浏览器端可以显示用户电脑里没有安装的字体。语法： @font-face { font-family : 字体名称; src : 字体文件在服务器上的相对或绝对路径; }

查看全部

0 采集收起来源：CSS3文字与字体嵌入字体@font-face
2016-03-25
FianeHsu

overflow:hidden; text-overflow:ellipsis; //省略号 white-space:nowrap;//强制文本在一行内显示

查看全部

0 采集收起来源：CSS3文字与字体 text-overflow 与 word-wrap
2016-03-25
FianeHsu

iPad横板显屏 @media screen and (max-device-width: 1024px) and (orientation: landscape) { /* 样式写在这 */ } iPad竖板显屏 @media screen and (max-device-width: 768px) and (orientation: portrait) { /* 样式写在这 */ }

查看全部

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

color：rgba(R,G,B,A)A代表透明度0~1之间 background-color:rgba(100,120,60,0.5);

查看全部

0 采集收起来源：CSS3颜色颜色之RGBA
2016-03-24
wrongjun

border-image:url() repaet; 边框加图片

查看全部

0 采集收起来源：CSS3边框为边框应用图片 border-image
2016-03-24
专注的前端工程师

伪类选择器 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元素样式*/

查看全部

2 采集收起来源：CSS3背景制作导航菜单综合练习题
2016-03-24
专注的前端工程师

多重背景例如： background:url(http://static.mukewang.com/static/img/logo_index.png) no-repeat 0 0 / 75% 50%, url(http://static.mukewang.com/static/img/logo_index.png) no-repeat 150px 80px / 50% 45%; background ： [background-color] | [background-image] | [background-position][/background-size] | [background-repeat] | [background-attachment] | [background-clip] | [background-origin],... 1.用逗号隔开每组 background 的缩写值； 2.如果有 size 值，需要紧跟 position 并且用 "/" 隔开； 3.如果有多个背景图片，而其他属性只有一个（例如 background-repeat 只有一个），表明所有背景图片应用该属性值。 4.background-color 只能设置一个。 background:url(http://static.mukewang.com/static/img/logo_index.png), url(http://static.mukewang.com/static/img/logo_index.png); background-repeat:no-repeat; background-position:left,right; background-size:40%;/*cover contain px %*/ background-attachment:scroll;/*fixed:图片固定*/ background-clip:content-box;/*padding-box border-box*/ background-origin:content-box; background-color:red;

查看全部

3 采集收起来源：CSS3背景 multiple backgrounds
2018-03-22
专注的前端工程师

background-size 设置背景图片的大小，以长度值或百分比显示，还可以通过cover和contain来对图片进行伸缩。语法： background-size: auto | <长度值> | <百分比> | cover | contain 取值说明： 1、auto：默认值，不改变背景图片的原始高度和宽度； 2、<长度值>：成对出现如200px 50px，将背景图片宽高依次设置为前面两个值，当设置一个值时，将其作为图片宽度值来等比缩放； 3、<百分比>：0％~100％之间的任何值，将背景图片宽高依次设置为所在元素宽高乘以前面百分比得出的数值，当设置一个值时同上； 4、cover：顾名思义为覆盖，即将背景图片等比缩放以填满整个容器； 5、contain：容纳，即将背景图片等比缩放至某一边紧贴容器边缘为止。

查看全部

0 采集收起来源：CSS3背景 background-size
2018-03-22
专注的前端工程师

background-origin 设置元素背景图片的原始起始位置。需要注意的是，如果背景不是no-repeat，这个属性无效，它会从边框开始显示。语法： background-origin ： border-box | padding-box | content-box; 参数分别表示背景图片是从边框，还是内边距（默认值），或者是内容区域开始显示。

查看全部

0 采集收起来源：CSS3背景 background-origin
2016-03-24
mingling

背景图片的位置：； background-origin:border-box padding-box content-box

查看全部

0 采集收起来源：CSS3背景 background-origin
2016-03-24

首页上一页 587 588 589 590 591 592 593 下一页尾页

0/150

提交

取消

开始学习

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

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