• CSS全称为Cascading Style Sheets，中文翻译为“层叠样式表”，简称CSS样式表，是一种用来表现HTML或XML等文件式样的计算机语言，是一种标准的样式表语言，用于描述网页的表示，即布局和格式。
  • 功能
  • 提升开发效率，改变布局外观。对网页的布局、颜色、背景、宽度、高度、字体进行控制，美化网页。
  • 实现样式
  • 内联
  • 首标签里，<标签 style="属性:值;属性:值。。。。。。">，多个同样用逗号隔开
  • 内部
  • 属于头部元素head元素里，<style>css选择器</style>

  • 外部
  • 写在外部.css文件里用在html里用link元素关联，link是头部元素，例：<link rel="stylesheet" type="text/css" href="theme.css" />
  • rel：规定当前文档与被链接文档之间的关系。
  • type：描述是什么样的文档
  • href：css文件地址链接
  • 注意：外部文件不用写<style></style>，直接用选择器就好了
  • 选择器
  • 标签选择器：<标签>{属性:值; 属性:值;......}
  • id选择器：body里<标签 id="id名">，<style>里# id名{属性:值; 属性:值;......}</style>

  • class选择器：body里<标签 class="名">，<style>里.class名{属性:值; 属性:值;......}</style>或者，标签名.class名
  • 嵌套选择器
  • 注意：id选择器只能命名一个，class选择器可以同一名字命名多个
  • 优先级：id大于class大于<标签>
  • 优先级：离标签最近，优先级越高
  • 内联>内部>外部
  • 盒子模型
  • 对于任何一个html元素可以看作盒子
  • 定位position
  • 属性
  • 绝对定位：相对于浏览器
  • 相对定位relative：相对于自身

  • 固定定位fixed：固定位置，不变
  • 浮动float
  • 可以飘
  • 属性
  •