AGGirl的专栏

记录学习

float和position的区别(转)

相同:设置后,对应的模块都会脱离文档流 不同点:position相应的块级元素会覆盖下面的内容(文字,),而float只会覆盖块级元素,里面的文字会脱离 出来 float是浮动定位,position是绝对定位 文档流是文档中可显示对象在排列时所占用的位置。 快级元素 在做页面布局的时候...

2018-05-16 23:00:09

阅读数:187

评论数:0

水平垂直居中

水平居中方案:水平居中设置 1、行内元素 设置 text-align:center 3、不定宽块状元素 b:给该元素设置 displa:inine 方法 子元素设置 position:relative 和 left:50% 垂直居中设置 1...

2018-05-14 23:20:31

阅读数:26

评论数:0

HTML块级元素和行内元素的区别

块级元素 块级元素会独占一行,默认情况下宽度自动填满其父元素宽度 块级元素可以设置宽高 块级元素可以设置margin,padding display:block; 常见块级元素:div、h1~h6、center、hr、ul、ol、p、table、form 行内元素(内联元素) 行内元...

2018-05-12 09:43:58

阅读数:26

评论数:0

CSS未知宽高元素水平垂直居中

方法一 思路:显示设置父元素为:table,子元素为:cell-table,这样就可以使用vertical-align: center,实现水平居中 优点:父元素(parent)可以动态的改变高度(table元素的特性) 缺点:IE8以下不支持 <!DOCTYP...

2018-05-01 20:00:52

阅读数:33

评论数:0

深入理解css模型

基本概念:标准模型和IE模型 css如何设置这两种模型 JS如何设置获取盒模型对应的宽和高 实例题(根据盒模型解释边距重叠) BFC(边距重叠解决方案) 基本概念 1.盒模的组成: content,padding,border,margin 2.两种盒模型:一个是标准盒模型,一个是...

2018-05-01 18:01:12

阅读数:17

评论数:0

提示
确定要删除当前文章?
取消 删除
关闭
关闭