Skip to content

外部 CSS

html
<link rel="stylesheet" type="text/css" href="mystyle.css">

内部 CSS

内部样式是在 head 部分的 <style> 元素中进行定义。

行内 CSS

行内样式具有最高优先级,并且将覆盖外部和内部样式以及浏览器默认样式。

css
<p style="color:red;">This is a paragraph.</p>

CSS的值和单位

  • px,像素,绝对单位

  • em,在 font-size 中使用是相对于父元素的字体大小,在其他属性中使用是相对于自身的字体大小,如 width

  • rem,html 根元素的字体大小

  • 百分比,在许多情况下,百分比与长度的处理方法是一样的。百分比的问题在于,它们总是相对于其他值设置的。例如,如果将元素的字体大小设置为百分比,那么它将是元素父元素字体大小的百分比。如果使用百分比作为宽度值,那么它将是父值宽度的百分比。

  • 数字,有些值接受数字,不添加任何单位。接受无单位数字的属性的一个例子是不透明度属性(opacity ),它控制元素的不透明度(它的透明程度)。此属性接受0(完全透明)和1(完全不透明)之间的数字。