CSS基础

##css
Cascading Style Sheets 层叠样式表
##css注释
/* 这是一行单行注释 */
/* logo 样式 */
.logo {
 width: 200px; /* 宽度200px */
}
/*
这个注释分散
在多个行上面
*/
/* logo 样式 */
.logo {
    width: 200px;
    /* height: 100px;
    position: relative;
    left: 10px;
    top: 40px; */
}

##CSS选择器
###关系选择器
![E021FAEB-98F1-4B6B-AC9D-7FA4FCB4151B.png](http://upload-images.jianshu.io/upload_images/1090578-228829709463fc9c.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)

![FED3A508-C33B-4D54-A308-7A006EE3D0CA.png](http://upload-images.jianshu.io/upload_images/1090578-acd596045500e03d.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)

###伪类选择器

:link  设置a元素未被访问前的css样式
:visited 设置a元素在其链接地址已被访问过是的css样式
:hover设置元素在其鼠标悬停时的css样式
:active设置元素在被用户激活（在鼠标点击与释放之间发生的事件）时的css样式