前端基础

一，浮动

#  html代码没有缩进一说的 全部写在一行也可以
    """浮动主要就是用于页面布局的"""

# 浮动带来的负面影响
    “会造成父标签塌陷”
    解决浮动的负面影响
        1，再写个div撑场面（不可取）
        2.关键字clear（可以使用）
        3.通用解决策略（推荐使用）：只要父标签塌陷就使用
            .ckwarfix:after{
                content:' ';
                clear:both;
                display:block;
            }
            # 谁塌陷就给谁加class属性

# 浏览器默认都是文本优先展示

二，定位

1，静态定位（static）
    所有的标签默认都是静态定位即不能改变位置
2，相对定位（relative）
    相对标签原来的位置做定位
3，绝对定位（absolute）
    相对于已经定位过得父标签多定位
4，固定定位（fixed）
    相对于浏览器

如何使用css完成定位  
	定位关键字position
    位置关键字left、right、top、bottom

三，是否脱离文档流

# 标签位置改变之后 原来的位置是否会空出来
	如果空出来了被其他标签自动占有 那么表示脱离否则不脱离
 

浮动、定位
	脱离文档流
    	浮动、绝对定位、固定定位
    不脱离文档流
    	相对定位

 

 

 四，溢出属性

# 圆形头像
#d1 {
            width: 200px;
            height: 200px;
            border: 3px solid darkgray;
            border-radius: 50%;
            overflow: hidden;
        }
#d1 img {
            /*max-width: 100%;*/
            width: 100%;
        }

五，z-index属性

# 浏览器平面不是一个二维坐标系而是一个三维坐标系

eg：百度的登录或者退出页面》》》：三明治结构（模态框）

 

 六，透明度

rgba（124,124,124,0.5）    只影响颜色

opacity：0.5                   影响字体和颜色

　　

七，JavaScript

类中引入方式：
    1，script标签内部直接编写（学习的时候使用）
    2，script标签src属性导入外部js文件


注释语法：
    HTML：<!--注释语法-->
    css  :  /**/
    JS  ://单行注释                 /*多行注释*/
    # 模板语法注释{##}


结束符号
    分号作为结束符号（；）