##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](https://img.haomeiwen.com/i1090578/228829709463fc9c.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)
![FED3A508-C33B-4D54-A308-7A006EE3D0CA.png](https://img.haomeiwen.com/i1090578/acd596045500e03d.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)
###伪类选择器
:link 设置a元素未被访问前的css样式
:visited 设置a元素在其链接地址已被访问过是的css样式
:hover设置元素在其鼠标悬停时的css样式
:active设置元素在被用户激活(在鼠标点击与释放之间发生的事件)时的css样式
网友评论