<!DOCTYPE html> <!-- 版本类型声明 --> <html lang="en"><!-- 根元素 --> <head> <meta charset="UTF-8"> <!-- 声明页面的编码格式 --> <title>20160722</title><!-- 将页面标题放到页面编码之下，防止乱码 --> <meta name="keywords" content="音乐，视频，电影"> <meta name="descrilition" content=""> </head> <body> <h1 style="text-align: center;">2016-07-22学习日志</h1> <hr> <h2>CSS基础2</h2> <h3>文本方向</h3> <ul> <li>direction:rtl | ltr</li> <ul> <li>ltr 从左到右排列</li> <li>rtl 从右到左排列</li> </ul> <li>unicode-bidi: bidi-override:重排序</li> </ul> <hr> <h3>background</h3> <ul> <li>background-color</li> <li>background-image</li> <ul> <li>none:是无背景图</li> <li>url:里面的图片的路径</li> <li>背景图片默认平铺</li> </ul> <li>background-repeat</li> <ul> <li>repeat:重复（默认）</li> <li>no-repeat:不重复</li> <li>repeat-x:横向重复</li> <li>repeat-y:纵向重复</li> </ul> <li>background-position</li> <ul> <li>定位从容器左上角原点开始</li> <li>可以是具体的方位：left ightcenter opottom</li> <li>可以是百分比，background-position: 30% 50%</li> <li>定位规则是：图片上的点，与容器中的点重合放置</li> </ul> <li>background-attachment:背景图滚动</li> <ul> <li>scroll随页面滚动背景图片跟随移动，默认值</li> <li>fixed随页面滚动背景图片不动</li> </ul> <li>background简写方式</li> <ul> <li>background: color url() position repeat;</li> </ul> </ul> </body> </html>