陈彬彬-20201028

知识总结；

表单；action method 
input type（类别) name  value （单项选择等）
  标签‘1.块级标签   2.行级标签 （a标签，span标签，img标签)!!!
区别 块级标签大小与内容无关，行级标签大小内容多大就多大

  Css3.0(层叠样式表）+起修饰作用；修饰之前需要   选择器（精确的选中要修饰的目标）

常用选择器；（1，类选择器（重要)用 Class表示   例如 </div> 《  .  表示》   类选择器可以公用
                 ；（2，标签选择器。例如 <h1 class="box"></h1> ,且 类选择器优先级高于标签选择器  
                 ；（3，id选择器 。例如 <p class="box" id="box"></p>  《  # 表示》   且 id选择器优先级高于类选择器
                 ；（4，后代选择 《  空格  表示》
                 ；（5，伪类选择器   《：》表示    例如 :hover（鼠标悬停状态） 与其他选择器都能一起用  并且 得鼠标悬浮选中地方才实现
                 ；（6，通用选择器    《 *》 表示   每个网页只用一次。 
 
修饰字体与样本的常用样式； 修饰字体；color：red （字体颜色）；font-size：30px（字体大小);font-family：宋体（字体类型）；
font-styl：italic（字体样式）；font-weigth：bold9（字体加粗）letter-spacing；5px（字体间距）；

   修饰文本    ；text-align：center（对齐方式）；link-heigth：300px（行高）；text-shadow：2px 2px 3px yellow；（字体阴影）；
text-indent：2em；（首行缩进）

修饰背景的常用样式；   background-color: red;背景颜色；     background-image: uri(../img/pig.jpg)背景图片  ../ 表示返回上级；  background-size: 300px 300px;背景大小
       或者background-size: cover；   cover表示完全覆盖上去   background-repeat: no-repeat;背景图片平铺；repeat表示平铺，或者repeat-x/y  x或y轴平铺；
      background-attachment: fixed;背景图片不动；background-position: -100 0；背景图片平移。注意（电脑的坐标sy轴与平常学习的x轴相反）
      opacity ；0-1   表示图片透明度。

     颜色表示方法。 clolr加集中方法  1，直接加颜色 例 color： red  红色
                                                       2.  color加16进制表示    color： #123554
                                                       3  color： rgb（0-255） 例如 color： rgb(255,255,255)

心得体会； 慢慢的觉得这个东西太好玩了 ，就好像一个无底宝洞，只能是走的越远学的越多懂得越多。 希望自己保持这份热情，在剩下的 时间学到更多东西，更多知识。