慕课网

精品课程十天精通CSS3

十天精通CSS3

最热最新

英wly

CSS3 last-of-type选择器 “:last-of-type”选择器：选择是父元素下的某个类型的最后一个子元素。

查看全部

0 采集收起来源：CSS3 last-of-type选择器
2017-04-08
英wly

CSS3 firdt-of-type选择器 firdt-of-type选择器：指定了元素的类型,其主要用来定位一个父元素下的某个类型的第一个子元素。例子： /*我要改变第一个段落的背景为橙色*/ .wrapper > p:first-of-type { background: orange; }

查看全部

0 采集收起来源：CSS3 first-of-type选择器
2018-03-22
英wly

CSS3结构性伪类选择器--nth-last-child(n) “:nth-last-child(n)”选择器,从某父元素的最后一个子元素开始计算，来选择特定的元素。

查看全部

0 采集收起来源：CSS3 结构性伪类选择器—nth-last-child(n)
2017-04-08
英wly

CSS3结构性伪类选择器--nth-chlid(n) :nth-chlid(n)选择器用来定位某个元素的一个或多个特定的子元素。其中“n”是其参数，而且可以是整数值(1,2,3,4)，也可以是表达式(2n+1、-n+5)和关键词(odd、even)，但参数n的起始值始终是1，而不是0。

查看全部

0 采集收起来源：CSS3 结构性伪类选择器—nth-child(n)
2017-04-08
英wly

CSS3结构性伪类选择器--last-child ：last-child 选择器选择的是元素的最后一个子元素。

查看全部

0 采集收起来源：CSS3 结构性伪类选择器—last-child
2017-04-08
英wly

CSS3结构性伪类选择器--first-child :first-child 选择器表示的是选择父元素的第一个子元素的元素 ol > li:first-child{ color: red; }

查看全部

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

CSS3结构性为伪类选择器，用来匹配文档（页面）的url的某个标志符的目标元素。例如： <h2><a href="#brand">Brand</a></h2> <div class="menuSection" id="brand"> content for Brand </div> CSS代码： #brank:target {}

查看全部

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

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

查看全部

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

CSS3结构性伪类选择器-root :root 选择器，是根选择器等价于 <html>

查看全部

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

CSS3选择器属性选择器在HTML中，通过各种各样的属性可以给元素增加很多附加的信息。例如：通过id属性可以将不同div元素进行区分。新增的3个属性选择器 1、E[alt^=“val”]{} ==>选择匹配元素E，且E元素定义了属性alt，其属性值以val开头的任何字符串 2、E[alt$="val"]{} ==>选择匹配元素E，且E元素定义了属性alt，其属性值以val结尾的任何字符串。 3、E[alt*="val"]{} ==>选择匹配元素定义了属性alt，其属性值任意位置包含了“val”。换句话说，字符串与属性值中的任意位置相匹配。

查看全部

0 采集收起来源：CSS3选择器属性选择器
2018-03-22
慕雪7515468

CSS 语法 flex-flow: flex-direction flex-wrap|initial|inherit; flex-flow 属性是 flex-direction 和 flex-wrap 属性的复合属性。 flex-flow 属性用于设置或检索弹性盒模型对象的子元素排列方式。 flex-direction 属性规定灵活项目的方向。 flex-wrap 属性规定灵活项目是否拆行或拆列。 ---------------------------------------------------------------- flex-direction 可能的值： row(默认值。规定灵活项目的方向。) 、row-reverse、column、column-reverse、initial、inherit --------------------------------------------- flex-wrap 可能的值： nowrap（默认值。规定灵活项目是否拆行或拆列。）、wrap、wrap-reverse、initial（设置该属性为它的默认值）、inherit（从父元素继承该属性）

查看全部

0 采集收起来源：CSS3 伸缩布局（一）
2017-04-07
慕雪7515468

一个Flexbox布局是由一个伸缩容器(flex containers)和在这个容器里的伸缩项目(flex items)组成。伸缩容器(flex containers)是一个HTML标签元素，并且“display”属性显式的设置了“flex”属性值。在伸缩容器中的所有子元素都会自动变成伸缩项目(flex items)。 ------------------------------------------------------------------------- 设置一个简单的伸缩容器，代码如下： .container { display: flex;} ----------------------------------------------------------------------- 伸缩容器有一个CSS属性“flex-flow”用来决定伸缩项目的布局方式 flex-flow:row 伸缩项目排列由左向右排列 flex-flow:column 伸缩项目排列上到下排列 ------------------------------------------------------------------------- .container { display: flex; flex-flow: row wrap;}　如果伸缩容器设置了“wrap”属性值，当伸缩项目在伸缩容器中无法在一行中显示的时候会另起一行排列。 ------------------------------------------------------------------ flex-flow：row时，伸缩项目将需要设置他们的宽度。伸缩项目的高度将会自动设置为伸缩容器的高度。 flex-flow：column时，伸缩项目将需要设置他们的高度，伸缩项目的宽度将会自动设置为伸缩容器的宽度。

查看全部

0 采集收起来源：CSS3 伸缩布局（一）
2017-04-07
6516695269

1. CSS2中，元素(例如div)的内边距(padding)和边框(border)会把元素自身撑大。想要个100*100px的div，都要事先计算，例如，内容80px + 内边距15px + 边框5px = 100px 2. CSS3中，新增 box-sizing 属性，如果设置元素为 box-sizing: border-box，那么元素的内边距(padding)和边框(border)不会再把元素自身撑大。例如，设置div为100*100px，那么无论div里内容、内边距、边框的宽高怎么变化，div的大小永远都是100*100px

查看全部

0 采集收起来源：CSS3 盒子模型
2017-04-07
qq_半度垨後_0

C3选择器的优点: 可以减少在标签中的class和ID的数量更方便的维护样式表、更好的实现结构与表现的分离。

查看全部

0 采集收起来源：CSS3能做什么？
2017-04-07
qq_半度垨後_0

编写CSS3样式时，不同的浏览器可能需要不同的前缀。它表示该CSS属性或规则尚未成为W3C标准的一部分，是浏览器的私有属性，虽然目前较新版本的浏览器都是不需要前缀的，但为了更好的向前兼容前缀还是少不了的。前缀浏览器 -webkit chrome和safari -moz firefox -ms IE -o opera

查看全部

0 采集收起来源：什么是CSS3？
2017-04-07

首页上一页 266 267 268 269 270 271 272 下一页尾页

0/150

提交

取消

开始学习

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

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