CSS的基础语法和应用CSS的三种方式

CSS基础语法

• CSS规则定义为属性名称，后跟冒号，然后是属性值。 单个规则以分号终止，最终规则具有可选的分号。 ！ 让我们更仔细地看这句话。
• CSS属性名称使用多个单词时用短划线分隔，例如：font-face，line-height，font-size等。
• CSS不对空格敏感
• CSS不区分大小写

property-name1 : value1;  . . . property-nameN : valueN;

但是，在某些情况下（例如，使用URL值，字体名称和某些选择器（例如：类）），将强制使用大小写。
因此，为避免混淆和错误，最好假设CSS区分大小写。

使用CSS的三种方式

1. Style属性
通过使用style属性，可以将CSS规则直接放置在大多数HTML标签中。 例如，设置h1标题的颜色和对齐方式，我们可以使用：

<h1 style = "color:red; text-align:center;">Hello, CSS!</h1>

这种直接使用CSS的方法称为内联样式，通常应避免使用它
相反，我们可以创建一种将自身绑定到特定元素或一组元素的样式，可以根据需要进一步重用它们
2. using a <style>...</style> block

<style type = "text/css">
   h1 { color: red; text-align: center; }
   p { line-height: 150%; }
</style>

3. Using the <link> tag:

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

mystyle.css

h1{ color: red; text-align: center; }
p{ line-height: 150%; }

CSS不能替代html标记，而只能用于设置HTML样式。