CSS概述与html结合四种⽅式
  CSS 是层叠样式表（Cascading Style Sheets）⽤来定义⽹页的显⽰效果。可以解决 html 代码对样式定义的重复，提⾼了后期样式代码的可维护性，并增强了⽹页的显⽰效果功能，简单⼀句话：css 将⽹页内容和显⽰样式进⾏了分离，提⾼了显⽰功能。
  css和html结合的四种⽅式：
1、 style属性⽅式
  利⽤标签中 style 属性来改变每个标签的显⽰样式。
<p >
P标签段落内容。
</p>
  该⽅式⽐较灵活，但是对于多个相同标签的同⼀样式定义⽐较⿇烦，适合布局修改。
2、 style标签⽅式：（内嵌⽅式）
  在 head 标签中加⼊style标签，对于多个标签进⾏统⼀修改。
<head>
<style type="text/css">
p { color:#FF0000; }
</style>
</head>
  该⽅式可以对单个页⾯的样式进⾏统⼀设置，但是对于局部不够灵活。
3、导⼊⽅式：
  前提是已经存在⼀个定义好的 css ⽂件，⽹页的⼀部分需要⽤到，那么就利⽤这种⽅式。
<style type="text/css">
@import url(1.css);
div { color:#FF0000; }
</style>
url括号后⾯必须要⽤分好结束。如果导⼊进来的样式与页⾯定义的样式重复，以本页定义的样式为准。
4、链接⽅式：
  通过 head 标签中 link 标签来实现，前提也是先要有⼀个已定好的 css ⽂件。
<link rel="stylesheet" href="1.css"type="text/css">
  可以通过多个 link 标签来链接进来多个css⽂件。重复样式以最后链接进来的css演⽰为准。
5、样式优先级：
  由上到下，由内到外。优先级由低到⾼。
6、总结css代码格式：
  选择器名称 ｛属性名：属性值；属性名：属性值；……｝  　属性与属性之间⽤ 分号 隔开
html和css书籍推荐
  属性值与属性值之间⽤ 冒号 连接
  如果⼀个属性有多个值的话，那么多个值⽤ 空格 隔开。

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。