定位属性名：position；
；设置偏移值，水平和垂直方向各选一个使用即可；选取的原则一般是就近原则。
静态定位：static/标准流，
不能通过属性方位属性移动。
相对定位：position:relative/自恋型定位，相对于自己之前的位置进行移动。特点：占有原来的位置，仍然具备标签原有的显示模式特点，改变位置是参照自己原来的位置，既占位置，也没托标。 应用场景：配合绝对定位组cp（子绝父相）用于小范围的移动。 如果Left和right都有，以Left为准。top和botton都有，以top为准。
绝对定位：position:absolute/
拼爹型定位，相对于非静态定位的父元素进行定位;;;先找一级定位的父亲，如果又这样的父级就以这个父级为参照物进行定位，有父级，但父级没有定位，以浏览器窗口为参照为进行定位。；；；“托标，不占位置,改变标签的显示模式特点”，“具备行内块”；“特点绝对定位的盒子显示模式具备型内快特点”：“加宽的高度生效，如果没有宽的也没有内容，盒子的尺寸是0”，“如果子集和父级想用,width:100%”；就可以了“。///（子绝父相，子元素绝对定位，父元素相对定位子级在父级里定位）绝对定位查找父级的方式，就近找定位的父级，如果逐层查找不到这样的父级，那么就以浏览器窗口为产参照进行定位；；绝对定位的盒子不能使用margin auto 左右居中；；如果left50%，整个盒子移动到浏览器中间偏右的位置，把盒子向左侧移动：自己宽度的一半水平居中。垂直居中同理。走负数；；；移动父亲宽度的百分之50（老土方法）
（工作方法简洁方法）
///transform:translate(-50%,-50%)，根据盒子自动联动宽高居中 元素本身的宽度高度的一半
固定定位：position:fixed;
死心眼型定位，相对于浏览器进行定位移动，特点：需要配合方位属性实现移动，相对于浏览器可视区域进行移动，在网页中不占位置，已经脱标。 ”改变位置参考浏览器窗口，具备行内块特点,尽量设置尺寸，否则没内容就不生效了！“ // 主要使用盒子固定在屏幕中的某个位置
元素的层级关系：
不同布局方式元素的层级关系：标准流>浮动>定位/////不同定位之间的层级关系：相对。绝对，固定默认层级相同，此时HTML中写在下面的元素层级更高，会覆盖上面的元素；；；”默认情况下，定位的盒子后来者居上“。;;z-index，整数取值越大，显示顺序越往上，默认值是0. 必须配合定位属性才能生效。
垂直对齐方式：
vertical-align/属性有baseline默认，基线对齐/top顶部对齐/（只针对行内块元素）Middle居中对齐/bottom底部对齐。浏览器遇到行内和行内块标签当作文字处理，默认文字是基线对齐。middle可以解决图片有时候的留白，空白现象；之间转化为块元素也可以解决问题
光标类型：cursor
设置鼠标光标在元素上显示时的样式//属性值：pointer小手效果，提示用户可以点击//text工字形，提示用户可以选择文字//move十字i光标，提示用户可以移动。
边框圆角：border-radius，
从左上角开始赋值，然后顺时针赋值，没有赋值的看对角。最多设置4个值。顺序是左上，右上，右下，左下。当取值宽高的一半，会变成一个圆形（也可以取值50%也是i最大值）。；；胶囊按钮：盒子要求是长方形，设置盒子高的一半就行了。
溢出部分显示效果：
指的是盒子内容部分所超出盒子范围的区域，overflow。属性值hidden溢出部分隐藏/scroll无论是否溢出，都显示滚动条/auto根据是否溢出，自动显示或隐藏滚动条，根据内容是否超过，判断是否显示滚动条
元素本身隐藏：
visibility:hidden占位隐藏工作使用效率低，不常用/display:none不占位隐藏”工作常用“；；；开发中经常会通过display属性完成元素的显示隐藏切换，display:none隐藏，display：block显示 ：hover空格img{display:block}
透明度：opacity
，属性值0-1，0完全透明，1表示完全不透明。会让元素整体变透明，包括里面的内容，文字 颜色，元素等，整个颜色全部透明。
rbga背景色透明
；rbga背景色透明；rbga背景色透明！跟上面opacity有大区别
边框合并border-collapse:collapse;必须加在table标签中
画三角形技巧
，利用盒子边框完成。设置一个盒子，设置四周不同颜色的边框，将盒子宽高设置为0，仅保留边框。transparent透明的；；1写一个盒子，2盒子添加四个方向的border，颜色不同，3保留需要的三角形，其他三个设置透明属性就可以了。 格式：px soild transparent 选择透明的方向。需要的三角形正常显示颜色
焦点伪类选择器：
（：focus）效果，表单控件获取焦点时会显示外部轮廓线/属于表单控件。把光标点入，获得焦点，光标离开，失去焦点。
