css : 层叠样式表

1、位置

【内联样式】可以写在元素的style属性中（耦合度高 不推荐使用）

<p style="color:red；font-size:20px;">这是一个段落</a>

不方便复用【只对当前的元素内容起作用】

【外部样式】将样式编写到head中的style标签里

<style type="text/css">
p{
    color:red;
}
</style>

【外链样式】 将样式引入到当前页面中

<link rel="stylesheet" type="text/css" href="文件地址"/>

耦合度低（完全使结构和表现分离） 建议使用
代码复用率高，一个css可以多次使用

2、css基本语法

注释 / /

2.1 选择器 声明块

• 选择器：通过选择器可以选中页面中指定元素，并且将声明块中的样式应用到选择器对应的元素上

• 声明块：紧跟在选择器后面 使用一对{ 名值对（声明） color:red；}

• 在一个声明块中可以写多个声明，多个声明用 ; 隔开

  3、块级元素/内联元素

• 块级元素

  • div、p、h1…
  • 独占一行的元素
• 内联（行内）元素
  • span、a、
  • 一行容不下 自动换行
  • 只占自身大小的元素

注意

• 一般情况下都是用块级元素包裹行内元素。
• p元素里不能放任何块级元素
• a元素里可以放任何元素 除了自身