本文介绍了三种CSS样式表的应用方式：外部样式表、内部样式表和内联样式，并详细展示了如何使用这些样式表来定制HTML元素的外观。此外，文章还解释了当多个样式应用于同一元素时的优先级顺序。
There are three ways of inserting a style sheet:
- External style sheet; use link element
- Internal style sheet; use a style element
- Inline style
Element <style> and <link> can only be used in HTML head section.
Sample of external type sheet
<head>
<link rel="stylesheet" type="text/css" href="theme.css">
</head>
Sample of internal style sheet
<head>
<style>
h1 {color:red;}
p {color:blue;}
</style>
</head>
Sample of inline style
<p style="color:sienna;margin-left:20px;">
This is a paragraph.
</p>
Cascading order
When there are more than one style specified for an HTML element, following rules will be applied on the order of them, the number one has the highest priority:
1. Inline style (inside an HTML element)
2. Internal style sheet (in the head section)
3. External style sheet
4. Browser default
So, an inline style (inside an HTML element) has the highest priority.
扫一扫
975
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
