在css样式中输入#brand：target p{
background：orange；
color：#fff}，这里#brand可以不写，直接写成：target p也可以，但通常情况下会有多个p标签，必须写清楚分别相对应的id下面的样式
background：orange；
color：#fff}，这里#brand可以不写，直接写成：target p也可以，但通常情况下会有多个p标签，必须写清楚分别相对应的id下面的样式
2017-08-12
已采纳回答 / yaoxtao
要结合整片文章来看，@media (min-device-width:600px) 当设备的宽度大于600px的时候，就使用 data-src-600px这个属性的图片。<img src="image.jpg" data-src-600px="image-600px.jpg" data-src-800px="image-800px.jpg" alt="" />。因为data-src-600px="image-600px.jpg"，所以就是image-600px.jpg这张图片。
2017-08-11
任务中给的图片不能很好地实验，可以用其文字说明中提供的九宫格图片来练习，地址：
http://img1.sycdn.imooc.com//52e21fea000127e802100210.jpg
并且推荐用35像素来实验，认真体会下round repeat stretch的区别：
border-image:url(http://img1.sycdn.imooc.com//52e21fea000127e802100210.jpg) 35 stretch;
http://img1.sycdn.imooc.com//52e21fea000127e802100210.jpg
并且推荐用35像素来实验，认真体会下round repeat stretch的区别：
border-image:url(http://img1.sycdn.imooc.com//52e21fea000127e802100210.jpg) 35 stretch;
2017-08-10
任务中给的图片不能很好地实验，可以用其文字说明中提供的九宫格图片来练习，地址：
http://img1.sycdn.imooc.com//52e21fea000127e802100210.jpg
http://img1.sycdn.imooc.com//52e21fea000127e802100210.jpg
2017-08-10
正确写法：.flexcontainer{ display: -webkit-flex; display: flex; -webkit-justify-content: flex-start; justify-content: flex-start; }
.flexcontainer{ display: -webkit-flex; display: flex; -webkit-flex-direction: column; flex-direction: column; -webkit-align-items: flex-start; align-items: flex-start; }
.flexcontainer{ display: -webkit-flex; display: flex; -webkit-flex-direction: column; flex-direction: column; -webkit-align-items: flex-start; align-items: flex-start; }
2017-08-10
viewport 是用户网页的可视区域。
viewport 翻译为中文可以叫做"视区"。
手机浏览器是把页面放在一个虚拟的"窗口"（viewport）中，通常这个虚拟的"窗口"（viewport）比屏幕宽，这样就不用把每个网页挤到很小的窗口中（这样会破坏没有针对手机浏览器优化的网页的布局），用户可以通过平移和缩放来看网页的不同部分。
viewport是专门对移动端的优化。
viewport 翻译为中文可以叫做"视区"。
手机浏览器是把页面放在一个虚拟的"窗口"（viewport）中，通常这个虚拟的"窗口"（viewport）比屏幕宽，这样就不用把每个网页挤到很小的窗口中（这样会破坏没有针对手机浏览器优化的网页的布局），用户可以通过平移和缩放来看网页的不同部分。
viewport是专门对移动端的优化。
2017-08-10
perspective 属性定义 3D 元素距视图的距离，以像素计。该属性允许改变 3D 元素查看 3D 元素的视图。
当为元素定义 perspective 属性时，其子元素会获得透视效果，而不是元素本身。
perspective: number|none;
number:元素距离视图的距离，以像素计。
none:默认值。与 0 相同。不设置透视。
当为元素定义 perspective 属性时，其子元素会获得透视效果，而不是元素本身。
perspective: number|none;
number:元素距离视图的距离，以像素计。
none:默认值。与 0 相同。不设置透视。
2017-08-09