每日总结2-17

css引入方式

名称	描述	示例	特点
行内样式	在标签内使用style属性，属性值是css属性键值对	<h1 style="xxx:xxx;">行内样式示例</h1>	会出现大量的代码冗余，不方便后期的维护，所以不常用
内嵌样式	定义<style>标签，在标签内部定义css样式	<style> h1 {...} </style>	通过定义css选择器，让样式作用于当前页面的指定的标签上
外联样式	定义<link>标签，通过href属性引入外部css文件	<link rel="stylesheet"href="css/news.css">	html和css实现了完全的分离，企业开发常用方式

注：
属性键值对是CSS中定义样式的基本单位，通过属性名和属性值的组合来控制元素的外观。
属性名（Key）：表示要设置的样式属性，如 color、font-size 等。
属性值（Value）：表示属性的具体设置，如 red、16px 等。
eg：
color: red; 是一个属性键值对，color 是属性名，red 是属性值。

font-size: 16px; 也是一个属性键值对，font-size 是属性名，16px 是属性值。

css选择器
选择器通用语法如下：
选择器名 { css样式名：css样式值; css样式名：css样式值; }
3种常用选择器元素选择器，id选择器，class选择器，语法以及作用如下：
1.元素（标签）选择器：

• 选择器的名字必须是标签的名字
• 作用：选择器中的样式会作用于所有同名的标签上
  eg:元素名称 { css样式名:css样式值；}

2.id选择器:

• 选择器的名字前面需要加上#
• 作用：选择器中的样式会作用于指定id的标签上，而且有且只有一个标签（由于id是唯一的）
  eg:#id属性值 { css样式名:css样式值；}

3.类选择器：

• 选择器的名字前面需要加上 .
• 作用：选择器中的样式会作用于所有class的属性值和该名字一样的标签上，可以是多个
  eg:.class属性值 { css样式名:css样式值；}