初学css中模糊不清的东西

css中的选择器

子代选择器 （“>”）

HTML代码：
    <ul>
        <li>盖伦</li>
        <li>流浪法师</li>
        <li>光辉女郎</li>
        <li>提莫</li>
        <li>琴女</li>
    </ul>
CSS代码：
        ul > li {
            background: lightcoral;
        }

![效果图](https://img-blog.csdn.net/20161111104903265)

相邻兄弟选择器（“+”）

HTML代码：
    <ul>
        <li>盖伦</li>
        <li>流浪法师</li>
        <li>光辉女郎</li>
        <li>提莫</li>
        <li>琴女</li>
    </ul>
CSS代码：
        ul  li +　li {
            background: lightcoral;
        }
![效果图](https://img-blog.csdn.net/20161111105105380)

兄弟选择器（“~”）

 和相邻兄弟选择器的区别就是这个选择器范围更广，它匹配的元素在指定元素之后，但是不一定相邻。

伪选择器 ： 伪元素选择器和伪类选择器

伪类选择器的前缀是两个冒号字符（::）,但浏览器认为选择器只有一个冒号，也就是说 "::"可以看做是":",目的是为了向下兼容。常见的::before、::after

边框，背景

1.border-radius 边框圆角
2.border-image 边框图片 url（“xx.jpg”） 30/50px
3.background-origin 边框起源 border-box content-box padding-box
4.background-clip 边框裁剪 border-box content-box padding-box 一般和background-origin一起使用。
5.background-size 背景大小 contain cover 具体尺寸 百分比（根据宽高）
6.box-shadow 盒子阴影

具体使用以上属性的时候查文档，列在这里主要为了心里有个印象。

以后再补充模糊的概念