您的位置：首页 > 其它

20160727

2016-07-27 15:32 260 查看

<!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\right\center\top\bottom</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>

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航