慕课网

精品课程十天精通CSS3

十天精通CSS3

最热最新

qq_凯文

z-index层重叠顺序，只有在position属性设置为absolute时才生效，z-index后面只跟正数的整数，不加单位，数值越大，表示在层的最上面

查看全部

0 采集收起来源：CSS3选择器 :checked选择器
2017-03-03
qq_凯文

这个效果是这么实现的： 1、box背景色设为橙色的圆形 2、box中子元素包括单选按钮radio（默认样式）和span（背景为白色圆形，我们的自定义样式），但是radio不显示（因为是完全透明的） 3、被选中的单选按钮和span会显示（完全不透明），而未被选中的单选按钮不显示（因为是完全透明的） “+”的意思：相邻兄弟选择器（Adjacent sibling selector）可选择紧接在另一元素后的元素，且二者有相同父元素。

查看全部

0 采集收起来源：CSS3选择器 :checked选择器
2017-03-03
qq_凯文

:only-child 小明的爸爸只有小明一个孩子 :only-of-type 小明的爸爸有龙凤胎，小明是唯一的儿子

查看全部

3 采集收起来源：CSS3 only-of-type选择器
2017-03-03
qq_凯文

刚开始还不懂nth-of-type和nth-child的区别，研究了一下才明白，nth-of-type是父元素下第n个element的元素（首先那个元素必须是符合element的），而nth-child是父元素下第几个元素，若不符合element，则选择失败简单的说下。也就是li：first-child匹配的是第一个子元素，并且这个子元素的类型必须是li，而li：first-of-type则是匹配的第一个类型为li的子元素。理解就好。

查看全部

0 采集收起来源：CSS3 nth-of-type(n)选择器
2017-03-03
qq_凯文

:first-child 小明的爸爸的大孩子 :first-of-type 小明的爸爸的大女儿

查看全部

0 采集收起来源：CSS3 first-of-type选择器
2017-03-03
qq_凯文

ol > li:nth-child(-n+5){ background: green; } ol > li:nth-child(9){ background: pink; }2n+1更好，因为当表达式的时候，n是从0开始计算的而楼上的所谓的n从1计数是指这个表达式里的值，也就是“:nth-child("我是一个表达式")”这个里面的结果是从1开始进行匹配的（因为结果<=0时是不匹配的），看下-n+3的那个例子就知道了

查看全部

0 采集收起来源：CSS3 结构性伪类选择器—nth-child(n)
2018-03-22
qq_凯文

ul>li 表示父子的关系 ul li 表示子，孙，子子孙孙，孙孙子子，子孙子孙。。。 border-bottom: none 底部边框不显示

查看全部

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

last-child，试了，也是可以用的。 >是子元素选择器，空格是后代选择器，他们的区别：后代选择器：匹配父子关系和祖先-后代关系子元素选择器：匹配父子关系就是>（子元素选择器）只是匹配到他下面的一层，而不是多层

查看全部

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

就是一个锚点定位功能： #id：target 是定位到id所在的元素,之后赋予样式。本课中#brand：target{ } 那么对于样式添加相当于 div{ } ，那么div p{ }就是给底下的p赋予样式而已。

查看全部

1 采集收起来源：CSS3 结构性伪类选择器—target
2017-03-03
qq_凯文

#brand:target p { background: orange; color: #fff; }

查看全部

0 采集收起来源：CSS3 结构性伪类选择器—target
2017-03-03
qq_凯文

css3结构性伪类选择器--empty :empty选择器表示就是空，用来隐藏没有内容的元素。输入输出窗口一般都是空吧，处理这些元素挺好使用的

查看全部

0 采集收起来源：CSS3 结构性伪类选择器—empty
2017-03-03
qq_凯文

div:not([id="footer"]){ background: orange; } “div”与"："之间不能有空格

查看全部

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

按照自己的想法改了一些东西

查看全部

0 采集收起来源：CSS3背景制作导航菜单综合练习题
2017-03-03
qq_凯文

background-position: 2px -3px, 104px 3px, 190px -6px; background-repeat: no-repeat, no-repeat, no-repeat; margin: 0 0 20px 0;

查看全部

0 采集收起来源：CSS3背景 multiple backgrounds
2017-03-03
qq_凯文

径向渐变不用加角度radial-gradient(green,blue);

查看全部

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

首页上一页 299 300 301 302 303 304 305 下一页尾页

0/150

提交

取消

开始学习

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

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