css3学习笔记
CSS(Cascading Style Sheets)是一个非常灵活的工具，使我们不必把复杂的样式定义编写在HTML文档结构中，
而是把有关样式文档的内容脱离出来，
可以在行内、标题、或作为外部样式提供给HTML引用。
CSS样式的规则：
选择符{属性:值;}
单一的选择符的复合样式声明应该用分号分开：
选择符{
属性1:值1;
属性2:值2;
}
通常使用CSS样式的3种方法
一、内联样式，写在元素标签内：
<p style ="color:red">hello</p>
二、内部样式，可以抒写在HTML文档的任意位置，一般建议写在<head>标签中：
<style type="text/css">
body{
background-color:red;
}
p{
margin-left:20px;
}
</style>
三、外部样式表，在<head>标签中引用单独的css样式文件：
<link rel="stylesheet" type="text/css" href="mystyle.css">
1.css背景：
css允许应用纯色作为背景，也允许使用背景图像创建相当复杂的效果
| 属性 | 描述 |
| background-attachment | 设置背景图片是否固定或者随着页面的其他部分滚动 |
| background-color | 设置元素背景颜色 |
| background-image | 设置背景图片 |
| background-repent | 设置背景图片是否重复及如何重复 |
| background-size | 设置背景图片的尺寸 |
| background-origin | 设置背景图片的定位区域 |
| background-clip | 设置背景的绘制区域 |
2.css文本：
css文本可定义文本外观，通过文本属性，可以轻松的改变笨的颜色、字符间距、文本对齐、装饰文本，对文本缩进
| 描述 | 属性 |
| color | 设置文本颜色 |
| direction | 设置文本方向 |
| line-height | 设置行高 |
| letter-spacing | 设置字符间距 |
| text-align | 对齐元素中的文本 |
| text-decoration | 添加文本修饰 |
| text-indent | 缩进元素中文本的首行 |
| text-transform | 设置元素中的字母的大小写方式 |
| unicode-bidi | 设置文本的方向 |
| white-space | 设置元素中空白文本的处理方式 |
| word-spacing | 设置字符间距 |
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
