~~~
<title>Document</title>
<style>
*{margin:0;padding:0}
div{
margin:50px auto 0;
width:400px;
border:1px solid #333;
text-align: center;
}
a,i{
display: inline-block;
}
a{
width:30px;
height:30px;
background: #333;
border-radius: 50%;
position: relative;
}
i{
width:18px;
height:18px;
background-image: url('images/icons_type.png');
position: absolute;
margin:auto;
top:0;left:0;bottom:0;right:0;
}
.qq{
background-position-x: -19px;
}
.weibo{
background-position-x: -38px;
}
.zhifu{
background-position-x: -57px;
width:25px;
}
.weixin{
width:24px;
background-position-x: -83px;
}
</style>
</head>
<body>
<div class="form">
<a href="#"><i class="qq"></i></a>
<a href="#"><i class="weibo"></i></a>
<a href="#"><i class="zhifu"></i></a>
<a href="#"><i class="weixin"></i></a>
</div>
</body>
~~~
- 第一天 Git
- 1.ssh的配置
- 2.ssh下载与上传
- 3.版本回退
- 第二天 html-css
- 1.Markdown语法
- 2.html
- 01
- 02选择器
- 03demo
- 04盒子模型
- 05样式重置
- 06水平居中
- 3.css
- 第三天 html-css
- 1.margin
- 2.padding
- 3.demo
- 4.html标签的分类
- 5.原理
- 6.水平居中
- 7.内联,内联块的水平居中
- 8.分组选择器
- 9.后代选择器
- 10.兄弟选择器
- 11.伪类
- 12.伪元素
- 13.优先级别
- 14.权重
- 第四天 html-css
- 1.链接
- 2.table
- 3.跨列表格
- 4.跨行表格
- 第五天
- 01.垂直水平居中
- 02.css样式
- 03.width,height的继承
- 04.垂直水平phone
- 06.nav
- 07.基础语法
- 08.for，if-else
- 09.对象
- 10.DOM
- 11.事件
- 12.jquery
- 13.点击变色
- 14.显示和隐藏
- 15.滚动顶部
- 第六天
- 01.margin的问题
- 02.margin
- 03.input
- 04.form
- 05.单选框
- 06.input与btn的区别
- 07.nav
- 08.jquery
- 09.获取input的值
- 10.vue