第四十天

1.列举出常用的CSS选择器

id选择器---id属性值必须唯一
class选择器---class属性值可以同名的
标签名称选择器---优先级最低
子元素选择器 ---selector1 selector2.....  
伪类选择器:
        选择器:link 未访问过的
        选择器:hover 经过状态
        选择器:active 激活状态(获取焦点,点击未松开)
        选择器:visited 访问过的状态 (点击后松开)

2.列举出5个常用的CSS样式属性

边框样式
    border:1px solid red ;
背景样式
    background-color:背景色;
    background-image:url(图像地址)  ;背景图片
    background-repeat:no-repeat; 设置图片是否重复
    backgoung-position:top left ; 设置图片的起始位置
字体样式
    font-size:字体大小像素;
    font-family:字体类型  "楷体/黑体/宋体....";
    font-weight:字体的粗细程度  一般值 bold 适当加粗---700ox
文本样式
    color:文本颜色;
    text-align:文本对齐方式
    text-decoration:文本修饰  下划线underline/去掉下划线 none/中划线 line-through
    letter-spacing:字(母)/字符间距
浮动样式:
    设置浮动
    float:left/right;
    清除浮动
    clear:left:左边不浮动/right:右边不浮动
        both:左右两边都不浮动;
表格样式
    border-collepase:设置collepase 将单元格和边框线进行折叠
列表样式
    list-style-type:设置列表项的标记   设置为none,列表项的标记
    list-style-image:自定义列表项前面的图形

3.什么是盒子模型?

万物皆盒子,将任何标签都使用div包裹起来通过CSS样式属性进行控制!
  
  border:盒子的厚度 边框
  width/heigth:盒子的容量  盒子的内容(范围)
  padding:内边距:设置盒子的内容和边框之间的距离
  margin:外边距 设置盒子和盒子之间 距离   
  
  div+CSS 层级布局

4.什么是框架标签和框架集

frame:框架,一个框架标签包含一个html页面
但是整个主页的部分可能有多个页面组成,包含多个frame需要用在frameset框架集中使用
frame
        src="包含的页面地址" name="给定frame的名称"
frameset
    rows="从上往下划分,每一个部分的权重百分比,中间逗号隔开"
    cols="从左到右划分,每一个部分的权重百分比,中间逗号隔开"

5.Map集合的遍历方式

Map<K,V>
      //通用的方式:通过Map集合获取所有的键
      public Set<K> keySet() 
     //遍历所有的键
        public V get(K key)//通过键获取值
    
    
    //方式2:获取所有的键值对对象
    public Set<Map.entry<K,V>> entrySet()
    //遍历的所有键值对
            //通过键值对对象(映射项) 获取键和值
            K getKey()
            V getValue()
    

---

---

---

今日内容

1.CSS定位属性 (三种定位属性)

定位属性:position
    绝对定位:absoluate
    相对定位 relative
    固定定位:fixed

position定位属性:       
            absolute:绝对定位
                    当前这个标签针对父元素进行移动
            relative:相对定位   
                    当前元素是针对之前的位置进行移动
            fixed:固定定位      
                
        结合left/right/top/bottom---执行像素大小,将整个盒子进行移动

2.Java中的注解

@Annotation
jdk内置注解依赖下面元注解
jdk元注解
自定义注解---如何解析自定义注解
​
​
后期二阶段---->Servlet/Filter/Listener/Spring/mybatis/Springmvc
大量注解开发----提供开发效率

• Java注解----称为"Java标注",被解析应用到程序中;

• 所有的注解都有继承自 java.lang.annotation Annotation公共接口

• 注解本质就是一个接口---里面的方法名---->称为注解的"属性",而且注解中有且仅有一个value属性 (value()), *

• 给属性赋值,value可以省略不写! *

• jdk提供内置注解---->标记 当前一些使用访问

• @Override:标记当前这个方法是否重写方法(父类或者接口)

• @SuppressWarnings: 抑制警告 :项目部署上线的,所有的类不能出现黄色警告线

• @Deprecated:标记这个方法已经过时

• @FunctionalInteface:标记接口用的,是否为函数式接口(接口中有且仅有一个抽象方法)

3. JavaScript

简称js
    基本语法
    变量定义/数据类型划分
    如何定义函数,如何调用函数
    常用的函数(方法)--->js提供内置对象 Array数组对象/Object所以js对象的模板/Date日期对象/Number对象
    如何完成自定义对象?
    
    Js事件编程(重点)    
        +
    Js的dom编程(dom--->document object model:文档对象模型编程)  重点
    
    
    js里面的正则表达式 
            [A-Za-z0-9_]
            A+:A出现一次或多次
            A{10}:恰好出现10次
            A{4,16}:至少出现4次,不超过16次
    

<!-- 方式1,内部方式 head标签体中 写script标签,书写js代码 方式2,外部方式 前端人员, 在当前页码导入外部.js文件

         script标签体 里面src属性="外部.js文件"
     -->
    <!-- <script>
        //常用的函数: window.alert("提示框")
        alert("hello,javascript") ; //window可以不写
        
        //window里面确认提示
        var flag = confirm("您忍心删除吗?") ;
        //prompt带有一个消息和文本输入框
        window.prompt("请输入动态密令:") ;
        
        //向浏览器输出内容
        document.write("hello,javaScript") ;
        //浏览器中控制台打印内容
        console.log("hello,javascript") ;
     </script> -->

javasript:弱类型语言(语法结构不严谨) js中定义任何变量以及创建对象 使用var (var可以省略不写)

            数据类型:
                1)无论整数还是小数都是number  数值类型 --提升为 js内置对象 Number对象
                2)boolan类型--- 提升内置对象  Boolean对象
                3)无论是字符还是字符串 都是string类型  -- 提升js内置对象  String对象
                4)对象类型 object  提升 Object---代表所有js对象的模板
                5)未定义类型undefined--没有值
            查看js中的变量的数据类型 typeof(变量名)

运算符

• 算术 +,-,*,/,%

  • 比较 :==,!=,<,<=,>,>=

    • 逻辑:&&,|| 前端中使用 (提高执行效率:短路效果)

      • 三元:(表达式)?执行成立的结果:否则不成立的结果;

      • 赋值运算符: = ,+=,-=,*=,%/... */ //var a = 3 ; //var b = false ; //true---1 成立 //false--0 不成立 //document.write((a+b)+" ") ;

            js流程控制语句
                    顺序结构语句:代码由上而下依次加载
                    选择结构语句 :
                            if语句 
                                if
                                if...else
                                if ...else if...else...
                            switch(表达式或变量){
                            case "可以变量/也可以是常量": 
                                    语句1;
                                    break ;
                            ...
                            default : 
                                    语句n;
                                    break ;
                            }
                for-in语句:针对数组以及对象的属性进行遍历--类似于Java中的增强for
                    for(var 变量名 in 数组对象或者对象名){
                        使用变量名
                    }