前端笔记1

一 .B/S架构

        是browser（浏览器）用户使用的所有客户端（部分手机app，小程序），我们都可以把它视为浏览器，S是server（服务器）。浏览器发出请求，通过http等互联网协议，发送至S端服务器，S端把网页文件发送 给前端，B端浏览器收到文件后，浏览器解析成图形界面，可供用户操作。

 

二.HTML基础标签
div,p,span,img,ul,li,ol,input,a,h

 

三css基础

(1)css层叠样式表
     特点：1.继承性 2.层叠性 可被覆盖
(2)css优先级
     1.后来者居上,越向后越说了算
     2.行内样式>头部样式>=外部样式
     3.越精确越说了算id>class
     4.!important 优先级最高,但是不到迫不得已时不用
     5./*行内样式>头部样式>=外部样式,所以这里不生效*/

(3)选择器
   li{
   color: red;/*字体颜色*/
   }/*标签选择器*/

   #xiaoMing{
   color: pink;
   }
   /*id选择器,id为1且不重读*/

   .xiaoHong{
   color:lightblue /*!important*/ ;
   }
   /*class类名选择器*/

四命名法

   1小驼峰法
      变量一般用小驼峰法标识。驼峰法的意思是：除第一个单词之外，其他单词首字母大写。譬如int studentCount=0；

      变量myStudentCount第一个单词是全部小写，后面的单词首字母大写。

    2大驼峰法
       相比小驼峰法，大驼峰法把第一个单词的首字母也大写了。常用于类名，函数名，属性，命名空间。譬如public class StudentInfomation;

五HTML中常用定位方式

   1HTML中常用定位方式
         HTML中通常使用position属性进行定位,position包括很多值,但我们一般通过fixed,relative,absolute(固定,相对,绝对)定位属性设置一些不规则的布局,

         然后通 过TLBR(top,bottom,left,right)来调整元素位置.
   2position属性值介绍
         fixed:固定定位:相对于游览器窗口定位,翻页时位置不变,会脱离文档流
         relative:相对定位:相对于原来的文档流中的位置定位,仍然占据原来的位置
         absolute:绝对定位:相对于离他最近的已定位父级进行定位
   3position属性值使用简述
         a:一般用相对定位用作大盒子,绝对定位用作大盒子里的小盒子
         b:fixed(固定定位),不会随着页面滚动而滚动,就是一般页面里面的广告,不论你怎 么划,他都一直在那里,通常在网页右边和左边
         c:absolute(绝对定位),将会脱离原来的文档流,不占用原来的位置,后面的会补上来
         并且可以通过设置TLBR(top,bottom,left,right)来调整元素位置,因为使用绝对定 位是相对于离他最近的已定位父级进行定位,所以他的父级一般要使用定位,

         如果他的父级没有定位,他会向上继续找父级的父级,知道body
        d:relative(相对定位),不会脱离文档流,继续占有原来的位置,不会影响当前布局,可 以设置TLBR(top,bottom,left,right)修改位置