给大家分享一下前端开发中，CSS基础重点及难点的知识，本文将会把CSS基础知识部分笔记整理并发布到此文章，新手小白可以随时随地参考此文章学习基础知识，方便大家手机也能查看CSS基础知识，大神绕路哦！
CSS基础笔记之background背景相关：
background-color: transparont;设置背景颜色透明
background-repeat: 背景图片是否平铺(默认repeat)
background: repeat-x; 在X轴上水平平铺
background: repeat-y; 在Y轴上垂直平铺
background: no-repeat; 不平铺
background-position: ;背景定位
取值：关键字top、bottom、left、right、center，坐标(0,0)
CSS雪碧图（CSS精灵图、图像合成技术）：将许多小图标融合到一张大图里面去，服务器只请求一次即可，然后对需要的小图标进行定位展示即可（避免了每个小图标向服务器请求一次，提高性能）
background-attachment 背景图片是否随着滚动条滚动
取值：scroll(默认)、filxed固定不动
CSS基础笔记之给表格设置1像素边框的方法：
①先给td设置1像素边框
②给table设置border-collapse;折叠边框(折叠后，内部td之间的边框会折叠到一起)
CSS基础笔记之浮动样式相关：
float 浮动
取值：
cleat清除浮动
left左侧不允许有浮动元素
right右侧不允许有浮动元素
both两侧不允许有浮动元素
none允许两侧有浮动元素，默认值
结论：对于非浮动元素，两边都可以设置清除浮动(常用both)；对于浮动元素，向哪边浮动就只能设置哪边清除浮动
CSS基础笔记之其他知识：
visibility 此属性可以设置元素的显示与隐藏
取值：visiable显示 hidden隐藏
display:none;隐藏 visibility:hidden;隐藏 两者的区别是display:none不占用页面空间，而visibility:hidden会占用页面空间保留原来的空间位置
outline:none;轮廓，在边框外面
outline与border的区别
border可应用于所有的html元素，而outline主要应用于表单元素、超链接等
当元素获取焦点时会自动出现outline轮廓效果，当失去焦点时会自动消失，这是浏览器默认行为，不会影响元素的宽度高度
