css
AGGirl
这个作者很懒,什么都没留下…
展开
-
深入理解css模型
基本概念:标准模型和IE模型css如何设置这两种模型JS如何设置获取盒模型对应的宽和高实例题(根据盒模型解释边距重叠)BFC(边距重叠解决方案)基本概念1.盒模的组成: content,padding,border,margin 2.两种盒模型:一个是标准盒模型,一个是IE的怪异模型。 标准模型 IE的怪异模型 盒模型的宽和高:内容(content)的宽高...转载 2018-05-01 18:01:12 · 169 阅读 · 0 评论 -
CSS未知宽高元素水平垂直居中
方法一 思路:显示设置父元素为:table,子元素为:cell-table,这样就可以使用vertical-align: center,实现水平居中 优点:父元素(parent)可以动态的改变高度(table元素的特性) 缺点:IE8以下不支持<!DOCTYPE html><html lang="en"><head> <meta...转载 2018-05-01 20:00:52 · 439 阅读 · 0 评论 -
float和position的区别(转)
相同:设置后,对应的模块都会脱离文档流 不同点:position相应的块级元素会覆盖下面的内容(文字,),而float只会覆盖块级元素,里面的文字会脱离出来float是浮动定位,position是绝对定位文档流是文档中可显示对象在排列时所占用的位置。快级元素在做页面布局的时候,一般会将html元素分为两种,即块级元素和行内元素。一、块级元素:block element ...转载 2018-05-16 23:00:09 · 1339 阅读 · 1 评论 -
HTML块级元素和行内元素的区别
块级元素块级元素会独占一行,默认情况下宽度自动填满其父元素宽度块级元素可以设置宽高块级元素可以设置margin,paddingdisplay:block;常见块级元素:div、h1~h6、center、hr、ul、ol、p、table、form行内元素(内联元素)行内元素不会独占一行,相邻的行内元素会排在同一行。其宽度随内容的变化而变化行内元素不可以设置宽高行内...转载 2018-05-12 09:43:58 · 235 阅读 · 0 评论 -
水平垂直居中
水平居中方案:水平居中设置 1、行内元素 设置 text-align:center 3、不定宽块状元素 b:给该元素设置 displa:inine 方法 子元素设置 position:relative 和 left:50% 垂直居中设置 1、父元素高度确定的单行文本 2、父元素高度确定的多行文本 a:插入 table (插入方法和水平...转载 2018-05-14 23:20:31 · 151 阅读 · 0 评论