H5基础-8

一、继承：有上下级关系的元素之间，上级元素的样式被下级元素所拥有

注：文本相关的属性和列表相关的属性会被继承

二、单行文本溢出显示省略号

步骤：

1.设置宽度---width:*px;

2.强制不换行---white-space:nowrap;

3.设置溢出隐藏---overflow:hidden;

4.设置溢出的标识是省略号---text-overflow:ellipsis;

注：多行文本溢出用js实现

white-space:nowrap---不换行丨pre---保存原格式;

overflow:hidden---隐藏丨auto---自动调整是否出现滚动条丨scroll---滚动条;

三、层级选择器

e f{ }---选中e元素的后代f

e>f{ }---选中e元素的子代f

e,f---选中e元素和f元素

四、定位：将一个元素放在指定的位置上(将a强行放在b身上)

语法：position:left丨right丨top丨bottom：*px；

定位方式：

1.static---静态定位【默认值】

2.fixed---固定定位：基于浏览器当前屏进行定位【脱离文档流】

如何让盒子完全居中于未知大小的盒子：

方法一：

position:fixed;

top:50%;

left:50%;

margin-top:-盒子高度的一半；

margin-left:-盒子宽度的一半；

方法二：

position:fixed;

top:0;

left:0;

right:0;

bottom:0;

margin:auto;

3.relative---相对定位：基于元素本身的位置进行定位【不会脱离文档流】

4.absolute---绝对定位：基于最近的被设置非静态定位的上级元素进行定位，如果没有，就基于         浏览器第一屏进行定位

五、锚点链接

<div id=''id名''>要跳转到的区域内容</div>

<a href="#要跳转到的区域的id名">链接提示内容</a>