慕课网

精品课程十天精通CSS3

十天精通CSS3

最热最新

Coande

“:nth-last-child(n)”选择器和前面的“:nth-child(n)”选择器非常的相似，只是这里多了一个“last”，所起的作用和“:nth-child(n)”选择器有所区别，从某父元素的最后一个子元素开始计算，来选择特定的元素。

查看全部

0 采集收起来源：CSS3 结构性伪类选择器—nth-last-child(n)
2016-02-19
Coande

“:nth-last-child(n)”选择器和前面的“:nth-child(n)”选择器非常的相似，只是这里多了一个“last”，所起的作用和“:nth-child(n)”选择器有所区别，从某父元素的最后一个子元素开始计算，来选择特定的元素。

查看全部

0 采集收起来源：CSS3 结构性伪类选择器—nth-last-child(n)
2016-02-19
Coande

“:nth-child(n)”选择器用来定位某个父元素的一个或多个特定的子元素。其中“n”是其参数，而且可以是整数值(1,2,3,4)，也可以是表达式(2n+1、-n+5)和关键词(odd、even)。当n是明确的整数时起始值为1，当作为表达式时从0开始。

查看全部

0 采集收起来源：CSS3 结构性伪类选择器—nth-child(n)
2016-02-19
Coande

A>B 表示选择A元素的所有子B元素。与A B的区别在于，A B选择所有后代元素，而A>B只选择一代。A+B表示HTML中紧随A的B元素。nth-child是个伪类的用法，如p:nth-child(2)就表示在p的父元素中选择位居第二位的p。

查看全部

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

伪类选择器—target，代码： ``` #brand:target{ display:block; } ``` 当点击带有href="#brand"的元素时，带有id="brand"的的元素将显示成block。选择器也可以直接写成:target{}可以选择所有。除此还可以选择目标元素的子元素，如：#brand:target p{}

查看全部

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

伪类选择器——empty：用来选择没有任何内容的元素，这里没有内容指的是一点内容都没有，哪怕是一个空格。如： ``` p:empty { display: none; } ```

查看全部

0 采集收起来源：CSS3 结构性伪类选择器—empty
2016-02-19
Coande

伪类选择器——not: input:not([type="submit"]){ border:1px solid red; }

查看全部

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

伪类选择器: :root选择器，从字面上我们就可以很清楚的理解是根选择器，他的意思就是匹配元素E所在文档的根元素。在HTML文档中，根元素始终是<html>。 :root选择器等同于<html>元素

查看全部

0 采集收起来源：CSS3 结构性伪类选择器—root
2018-03-22
Coande

CSS3新增了3个属性选择器，使得属性选择器有了通配符的概念。代码如： ``` a[class^=icon]{ background: green; color:#fff; } a[href$=pdf]{ background: orange; color: #fff; } a[title*=more]{ background: blue; color: #fff; } ```

查看全部

0 采集收起来源：CSS3选择器属性选择器
2016-02-19
Amy1234567

在CSS3中新增加了box-sizing属性，能够事先定义盒模型的尺寸解析方式，其语法规则如下： box-sizing: content-box | border-box | inherit

查看全部

0 采集收起来源：CSS3 盒子模型
2016-02-18
o轮0回o

matrix 需要数学矩阵知识

查看全部

0 采集收起来源：CSS3中的变形--矩阵 matrix()
2016-02-18
o轮0回o

position:absolute之后相对整个屏幕上和左50%之后是div的左上顶点 translate的百分比是相对于自身的宽高来定义的，这时候把上面的结果在translate（-50%，-50%）就是等于上下左右都居中了

查看全部

0 采集收起来源：CSS3中的变形--位移 translate()
2016-02-18
Amy1234567

列表边框column-rule -webkit-column-rule:3px solid #ddd;

查看全部

0 采集收起来源：CSS3 列表边框column-rule
2016-02-18
Amy1234567

列间距column-gap column-gap: normal || <length> length取值如 2em

查看全部

0 采集收起来源：CSS3 列间距column-gap
2018-03-22
小m_

Responsive布局技巧响应式设计在实际制作中的一些布局技巧：在Responsive布局中，可以毫无保留的丢弃：第一，尽量少用无关紧要的div；第二，不要使用内联元素（inline）；第三，尽量少用JS或flash；第四，丢弃没用的绝对定位和浮动样式；第五，摒弃任何冗余结构和不使用100%设置。以下几点能帮助Responsive确定更好的布局：第一，使用HTML5 Doctype和相关指南；第二，重置好你的样式（reset.css）；第三，一个简单的有语义的核心布局；第四，给重要的网页元素使用简单的技巧，比如导航菜单之类元素。

查看全部

0 采集收起来源：Responsive布局技巧
2016-02-18

首页上一页 627 628 629 630 631 632 633 下一页尾页

0/150

提交

取消

开始学习

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

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