CSS margin 属性
实例
设置 p 元素的 4 个外边距：
p
{
margin:2cm 4cm 3cm 4cm; }
CSS padding 属性
实例
设置 p 元素的 4 个内边距：
p
{
padding:2cm 4cm 3cm 4cm;
}
CSS font-family 属性
实例
为段落设置字体：
p
{
font-family:"Times New Roman",Georgia,Serif;
}
font-family 定义的最后为什么要加一句sans-serif
font-family最后加上sans-serif，也是为了保证能够调用这个字体族里面的字体，因为大多数计算机里都有这种字体。
css里面*{}和body{}区别
css里面定义*{padding:0px;margin: 0px;}
* 相当于选择器，代表html所有的元素，包括html标签、body标签等； {}大括号里面写入需要给定的属性和属性值即可。
在css中一开始写入*{padding:0px;margin: 0px;}，表示初始化所有的标签元素(具有盒子模型)的内外边距均为0px.
在css里面定义body{padding:0px;margin: 0px;}，body只是一个标签，如果它的子标签和该属性均具有继承性，才会继承这里所设置的属性；(比如：border、padding、margin属性不具有继承性；而color属性具有继承性等)
CSS list-style-type 属性
实例
设置不同的列表样式
设置为none，即不设置列表样式；也可以设置为圆形，实心正方形，和罗马数字，英文字母
overflow 属性规定当内容溢出元素框时发生的事情。
说明
这个属性定义溢出元素内容区的内容会如何处理。如果值为 scroll，不论是否需要，用户代理都会提供一种滚动机制。因此，有可能即使元素框中可以放下所有内容也会出现滚动条。
| 默认值： | visible |
|---|---|
| 继承性： | no |
| 版本： | CSS2 |
| JavaScript 语法： | object.style.overflow="scroll" |
可能的值
| 值 | 描述 |
|---|---|
| visible | 默认值。内容不会被修剪，会呈现在元素框之外。 |
| hidden | 内容会被修剪，并且其余内容是不可见的。 |
| scroll | 内容会被修剪，但是浏览器会显示滚动条以便查看其余的内容。 |
| auto | 如果内容被修剪，则浏览器会显示滚动条以便查看其余的内容。 |
| inherit | 规定应该从父元素继承 overflow 属性的值。 |
css控制页面文字不能被选中user-select:none;
现象：html中可能有些地方不想让用户复制文字，或是用a标签做了个点击按钮，点快的时候文字会被选中，很丑，这个时候可以使用下面的方案禁止文字选中。
原因：鼠标点快了文字会被选中。
解决方案：不同的浏览器设置的内容不一样，user-select不是一个W3C的标准，浏览器的支持不完成，需要对不同的浏览器进行调整。
body{
-moz-user-select:none;/*火狐*/
-webkit-user-select:none;/*webkit浏览器*/
-ms-user-select:none;/*IE10*/
-khtml-user-select:none;/*早期浏览器*/
user-select:none;
}
user-select有2个值（none表示不能选中文本，text表示可以选择文本）
-moz-user-select属性
它主要有3个值：
- none
子元素所有的文字都不能选择，包括input输入域中的文字。
- -moz-all
子元素所有的文字都可以被选择，但是input输入域中的文字不能被选择。
- -moz-none
子元素所有文字多不能选择，除掉input输入域中的文字。