有关前端的一点随笔
2018-06-24 01:55:34来源:未知 阅读 ()
由于小龙老师让根据自己会的知识写一篇文章,可是想了想自己好想不会啥(尴尬..),所以就写一点简单的知识点吧 : 一: 先说说定位吧,感觉挺重要的 1相对定位:position:realative(相对于本身没有定位之前的位置进行移动)有如下1个特点:不脱离文档流,不影响元素本身的特性,块级还是块级,行内还是行内 2相对定位:position:absolute 有如下几个特点:(1).相对于已经定位的父级元素进行定位(那如果父级没有定位呢? 那就再往上找,找爸爸的爸爸,那爸爸的爸爸也没有定位呢?那就接着往上找喽,如果父级都没有,那就相对于body) (2).脱离文档流(完全脱离) 3 固定定位position:fixed(相对于窗口的固定定位)这个定位属性值是什么意思呢?元素的定位方式同absolute类似,但它的包含块是视区本身。在屏幕媒体如WEB浏览器中,元素在文档滚动时不会在浏览器视察中移动 /*根据定位如何使一个盒子在页面中绝对居中呢两种方法:1.div{position:absolute;top:0;left:0;right:0;bottom:0;margin:auto;}2.div{position:absolute;top:50%;left:50%;margin-top:-100px;margin-left:-100px;}*/二:最后说一下清除浮动:清除浮动的方法,就说一个比较主流的方式吧: :after 方法:(注意:作用于浮动元素的父亲)div:after{content:"" display:block;clear:both}
标签:
版权申明:本站文章部分自网络,如有侵权,请联系:west999com@outlook.com
特别注意:本站所有转载文章言论不代表本站观点,本站所提供的摄影照片,插画,设计作品,如需使用,请与原作者联系,版权归原作者所有
- 循序渐进VUE+Element 前端应用开发(5)--- 表格列表页面的查 2020-07-15
- 循序渐进VUE+Element 前端应用开发(5)--- 表格列表页面的查 2020-07-15
- 循序渐进VUE+Element 前端应用开发(5)--- 表格列表页面的查 2020-07-14
- 循序渐进VUE+Element 前端应用开发(5)--- 表格列表页面的查 2020-07-13
- 循序渐进VUE+Element 前端应用开发(5)--- 表格列表页面的查 2020-07-02
IDC资讯: 主机资讯 注册资讯 托管资讯 vps资讯 网站建设
网站运营: 建站经验 策划盈利 搜索优化 网站推广 免费资源
网络编程: Asp.Net编程 Asp编程 Php编程 Xml编程 Access Mssql Mysql 其它
服务器技术: Web服务器 Ftp服务器 Mail服务器 Dns服务器 安全防护
软件技巧: 其它软件 Word Excel Powerpoint Ghost Vista QQ空间 QQ FlashGet 迅雷
网页制作: FrontPages Dreamweaver Javascript css photoshop fireworks Flash