布局的核心
关注
分享
扫一扫
一个回和
这个作者很懒，什么都没留下…
展开
-
布局的核心--盒模型 Box Model
目录 一、盒子在网页中的呈现 二、各个部分的介绍 1.border边框 （1）语法： （2）表格的细线边框： （3）盒子边框总结： 2.内边距 padding 3.外边距 margin （1）总结 （2）外边距实现盒子居中 （3）清除元素的默认边距：全局选择器 （4）外边距合并 一、盒子在网页中的呈现 盒模型的宽度=width+padding+border=m...原创 2019-02-24 21:40:59 · 362 阅读 · 0 评论 -
三个盒子的嵌套--嵌套块元素垂直外边距的合并
1.首先创建三个盒子，我们首先想到的是去修改第二个盒子和第三个的上外边距，左外边距 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <styl原创 2019-02-24 21:51:12 · 1706 阅读 · 0 评论 -
布局的核心--浮动 float
目录 一、CSS的定位机制 二、浮动解决的问题 1.块级元素并排排放 2.实质上：块级元素变成行内级元素 3.注意事项： 4.伪类选择器： （1）语法： 三、浮动的语法格式 四、浮动的影响及解决办法 1.影响 2.解决方法（清除浮动） （1）给父盒子设定宽高 （2）给父元素加 overflow:hidden （3）前辈 clear:both / left...原创 2019-02-24 23:31:06 · 189 阅读 · 0 评论