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