2019-11-30

1. CSS的引入方式共有三种：行内样式、内部样式表、外部样式表

• 行内样式
  使用style属性引入CSS样式。
• 内部样式表
  在style标签中书写CSS代码。style标签写在head标签中。
• 外部样式表
  CSS代码保存在扩展名为.css的样式表中
  HTML文件引用扩展名为.css的样式表，有两种方式：链接式、导入式。
  语法：
• 链接式<link type="text/css" rel="styleSheet" href="CSS文件路径" />
• 导入式<style type="text/css"> @import url("css文件路径"); </style>

2. CSS中的优先级：样式优先级行内样式>内部样式>外部样式(后两者是就近原则)
   第一等：代表内联样式，如: style=””，权值为1000。
   第二等：代表ID选择器，如：#content，权值为100。
   第三等：代表类，伪类和属性选择器，如.content，权值为10。
   第四等：代表类型选择器和伪元素选择器，如div p，权值为1。

但是某个元素到底用哪个样式，还有3个规则：

• 如果样式上加有!important标记
• 匹配的内容按照CSS权重排序，权重大的优先
• 如果权重也一样，按照它在CSS样式表里声明的顺序，后声明的优先。

3. <p style="text-align: right;"></p>

• a:link 表示未被访问的链接 （在页面上写了，还没有访问过）
• a:visited 表示已经被访问过后的链接 （访问过了，注：判断是否访问过，是以浏览器的浏览记录为依据）
• a:hover 表示鼠标指针位于其上的链接
• a:active 表示活动链接 （当鼠标点下时的链接）
  你在页面上写了一个链接，你打开这个页面的时候，这个链接处于 link 状态；当你要去点击它的时候，首先会把鼠标移到连接上去，这时候是 hover 状态 ；当你把鼠标点下去，还没抬起来的那一瞬间是 active 状态 ；完事之后就是 visited 状态了。
  伪类顺序应是(lvha)：link>visited>hover>active

5. 已经支持的样式设置关键字有disc，circle，square，decimal，decimal-leading-zero，lower-roman，upper-roman，lower-greek，lower-latin，upper-latin，armenian，Georgian，lower-alpha，upper-alpha，none。

ul {
 list-style-type: square;
 list-style-position: outside;
 list-style-image: none;
}

也可以简写为

ul {
    list-style: square outside none;
}

6. 背景简写形式：

background: [background-color] [background-image] [background-repeat] [background-attachment] [background-position] / [ background-size] [background-origin] [background-clip];

特殊的，同时又position和size则需要在size属性前加/。
本题应写为：

<style>
  body{
    background: red url(./static/images/banner_bg.png) no-repeat center center  / 80% auto
  }
</style>

7. 修改属性out-line:none;
8. 代码如下：

.left{
    width: 0;
    height: 0;
    border: 10px solid;
    border-color: white white white black;
}
.mid{
    width: 0;
    height: 0;
    border:10px solid;
    border-color: black white white white;
}
.right{
    width: 0;
    height: 0;
    border: 10px solid;
    border-color: white black white white;
}