Posted on | by liu
content css用法，css鼠标箭头禁止，css中的框，css 立方体动画，css加上方块列表符号，CSS 图片与文字 顶端对齐，css 空格距离
1. 内联样式
内联样式是直接在HTML标签中定义样式，使用style属性。例如：
<p>这是一段红色的16号字体</p>
这种样式的优点是方便快捷，但如果需要改变样式的话需要找到对应的标签再修改。
2. 内部样式表
内部样式表是在HTML文档中，使用<style>标签定义。例如：
<head>
<style>
p {
color: blue;
font-size: 20px;
}
</style>
</head>
这种样式的优点是可以在一个HTML文档中集中定义所有的样式，但是如果需要改变样式的话需要修改HTML文档。
3. 外部样式表
外部样式表是将样式定义在一个外部的CSS文件中，然后在HTML文档中引用。例如：
<head>
<link rel="stylesheet" href="style.css">
</head>
这种样式的优点是可以被多个HTML文档共享，方便样式的维护和修改。
4. 嵌套样式
嵌套样式是将样式定义在一个父元素中，然后这个样式会影响到所有的子元素。例如：
<div>
<p>这是一个绿色的段落</p>
<span>这也是绿色的</span>
</div>
这种样式可以简化样式的定义，但是同时也可能会导致样式之间的冲突。