陈彬彬-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)

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

标签

评论

© 2021 成都云创动力科技有限公司 蜀ICP备20006351号-1