css知识备忘

由于最近搞了一年unity，回头写页面的时候竟然发现都忘了。。。。亲身经历证实了熬夜摧残记忆细胞。

何为w3c标准

我们常说的w3c 包含三种类型语言：

1,结构层：html，xml；
2,控制层：js,ms;
3,表现层：css;

css作用于html，用于修饰html标签的颜色，尺寸，位置，层次，可见程度等属性。
css的写法很简单，标签{属性名：属性值；}。

p{
font-size:10px;
}

有三种方法引入css：

1,行内方式：
<p style="font-size:20px;">
2,html内嵌方式：

比较常用的css片段

水平居中的几种方法

1.已知容器宽度的水平居中：
.box {
width: 960px;
margin-left: auto;
margin-right: auto;
}
.box a{
}
2.利用vw宽度单位的水平居中.(vw是视图百分比单位，ie8以下不支持)
father{
display:float;
}
.left{
width:20vw;
}
.right{
width:20vw;
}
.middle{
width:60vw;
}
3.浮动
.father {
float: left;
width: 100%;
overflow: hidden;
position: relative;
}
.father ul {
clear: left;
float: left;
position: relative;
left: 50%;/*整个元素向右边移动宽度的50%*/
text-align: center;
}
.father li {
line-height: 25px;
margin: 0 5px;
display: block;
float: left;
position: relative;
right: 50%;/*将每个元素项向左边移动宽度的50%*/
}

更新中