下午讲解

来源：互联网发布：帅康老板方太知乎编辑：程序博客网时间：2024/04/28 10:13

---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
08/05/22 高级开学的第二天下午记录
---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------

1.层叠样式表（Cascading Style Sheet，简写为CSS）是一种允许将网页显示样式与网页显示内容相分离的标记性语言
  层叠样式表内定义了网页标记显示的风格，浏览器在显示时就会根据CSS文件中的定义将这些标记显示出来。
2.可以通过三种方式将CSS引入到页面中：
  a.链入外部样式表:
   –定义单独的CSS文件
   –在需要CSS的HTML文件中使用link标记引入
   <head>
    <title>……</title>
    <link rel=stylesheet href="…" type="text/css">
   </head>
   –或使用XML语法形式
   <?xml-stylesheet type="text/css" href="…" ?>
  b.定义内部样式块:
   –在HTML文件中嵌入style块，如下：
   <head>
    <title>……</title>
    <style type="text/csscss">
     
    </style>
   </head>
   –使用注释标记是为让那些不支持CSS的浏览器忽略掉CSS而不是显示这些内容
  c.内联定义:
   –HTML标记均具有style属性，可以使用这个属性为当前标记指定样式，例如：
    <p style="border:5px double red">
     这一行加了红色双边框
    <p>
3.CSS包括以下三部分：
  –选择符：定义了HTML文档中哪些元素应用样式
  –属性：定义了样式的某一方面特性
  –值：定义了样式某一方面特性的值
4.语法形式:选择符{ 属性:值}
5.选择符规定了文档中哪些元素可以应用样式表内容，包括以下类型的选择符：
  ––类型选择符
  ––类选择符
  ––伪类伪对象选择符
  ––属性选择符
  ––通配符
  ––后代选择符
  ––子对象选择符
  ––ID选择符
6.CSS中选择符的属性非常丰富，包括：
  –字体属性
  –文本属性
  –背景属性
  –边框属性
  –定位属性
  –尺寸属性
  –布局属性
  –补丁属性
  –列表属性
  –滑动条属性
  –其它