代码学习

padding和margin的区别

!-- padding与margrin的区别 padding作用在元素的里面,拉开的距离会显示元素的背景 margin作用在元素的外面,拉开的距离不会显示元素的背景 什么时候用 父子级元素之间的距离,通过给父...

代码学习

margin居中显示

!-- auto 自动 margin-left:auto 元素居右显示 margin-right:auto 元素居左显示 元素居中显示: margin:o auto; -- style div{ width:100px; height:100px; background:red; margin:auto; } /style...

代码学习

1-25盒模型

!-- 盒模型的大小 宽度:border(左右)+width(左右)+padding(左右) 高度:border(上下)+height(上下)+padding(上下) -- style div{ width:100px; height:100px; border:10px solid #000; padding:20px; margin:30px; } /style...

代码学习

1-24mrigin的问题

!-- margin的问题 1:margin传递{只有上下会传递。左右不会} 子级会把自己的margin-top与margin-bottom传递给父级 解决方法:给父级加上一个边框(其中一个方法) 2: margin上下叠压(只有上下...

代码学习

1-23margin外边距

!-- margin 标签以标签之间的margin (外边距) 个个方向的margin margin-top margin-right margin-bottom margin-left margin复合样式 一个值 四个方向的margin值是一样的 两个值 第一个值代表上下的margin是...

代码学习

1-22pandding内填充

!-- padding 内填充(元素的最外面和内容之前的距离) 注意:设置padding值后,会把原来的容器撑大 个个方向的padding padding-top padding-right padding-bottom padding-left padding复合样式 一个值 四个...

代码学习

1-21文本

body div 大家好,我是 小梁 啊 /div !-- 文本 color 颜色 值为颜色的几种表示方法 =========================================================== text-algin 文本对齐的方式 left 左对齐 (默认) center (居中对齐...

代码学习

1-20监控文字行高的方法

!-- 测量多行文字行高的方法 1:首先知道文字的大小 2:知道两行文字之间的距离 3:如果行高为基数的话,文字的上边距会少一像素,下边距会多一像素 4:拿上面量出来的距离除上2...