博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
day001-html知识点总结(二)不常见但很重要的元素汇总
阅读量:4650 次
发布时间:2019-06-09

本文共 681 字,大约阅读时间需要 2 分钟。

一、.vertical-align:设置垂直对齐方式,主要用于:

  1.单元格内容的垂直对齐

  2.对于行内块级元素,如<img>,设置行内元素的基线相对于该行内块级元素的所在行的基线对齐,例子:

对于第三种,底部基线对齐,英文字母和图像底部差了3px。

 二、列表属性:

list-style-type、list-style-image、list-style-position;

缩写形式:list-style:type url( ) position。

 

三、定位:

  position:规定元素的定位类型,分为:static、relative、absolute、fixed。

  使用position属性和位置偏移属性,实现普通流定位,相对定位,绝对定位,和固定定位。

  使用float属性实现浮动定位。

  堆叠顺序:z-index:value;

  相对定位:

    原本所占的空间仍保留,元素框会相对于它原来的位置偏移某个距离,例子:

将原来元素的内容从普通流中完全移除,不占据空间,并使用偏移属性来固定该元素的位置:  

    1.相对于最近已定位的祖先元素。

    2.如果元素没有已定位的祖先元素,那么它的位置相对于最初的包含块,比如:body元素,例子:

 

z-index:堆叠顺序,用来控制元素定位时产生的样式堆叠,例子:

 

 

 

固定定位:fixed,元素从标准流中完全移除,不占用页面空间,当向下滚动页面时,元素不会随之移动。

 

 

转载于:https://www.cnblogs.com/web-fusheng/p/6582411.html

你可能感兴趣的文章
floyd求最小环 模板
查看>>
SqlServer索引的原理与应用
查看>>
使用Kubeadm搭建Kubernetes(1.12.2)集群
查看>>
微信小程序获取当前地址以及选择地址详解 地点标记
查看>>
任务平均分配的小算法
查看>>
学习日报 7-10(验证码)
查看>>
No.3 - CSS transition 和 CSS transform 配合制作动画
查看>>
c++STL全排列
查看>>
开发系列:03、Spark Streaming Custom Receivers(译)
查看>>
fixed与sticky的区别
查看>>
keil C51 例子
查看>>
MVC后台数据赋值给前端JS对象
查看>>
win7、offcie 2010是否激活查看方法
查看>>
Linux下使用wget下载FTP服务器文件
查看>>
Java基础 【Arrays 类的使用】
查看>>
MPI 环境搭建问题-运行程序闪退
查看>>
(数据科学学习手札05)Python与R数据读入存出方式的总结与比较
查看>>
面向对象课程 - 寒假第三次作业 - C++计算器项目初始部分
查看>>
Java私塾的一些基础练习题(一)
查看>>
Shell 07 项目案例
查看>>