浮动：让多个块元素可以在一行显示 让多个div放一行 问题：浮动是脱标的，因此会影响别的盒子 ,不在保留原来位置。 清除浮动的本质： 解决父级元素内高为0的问题（子级浮动后），让父级占位子。 相对于定位，在应用的时候，子绝父相，父级元素保留位置，故虽同脱标但无上述问题 清除浮动的方法： 1. 额外标 ...
分类：
其他好文 时间：
2020-01-17 10:06:23
阅读次数：
70
3.4.1 行人块元素，可以用display转换； a.支持全部的样式 b.宽高由内容决定 c. 盒子并在一行 d.代码换行，盒子之间会产生间隙 el.子元素是内联元素，父元素可以用text-align属性设置元素水平对齐方式 3.4.2 解决内联元素之间的间隙的方法 a.去掉内联元素之间的换行 b ...
分类：
其他好文 时间：
2020-01-06 14:44:04
阅读次数：
59
1、行级元素 内联元素 inline feature:内容决定元素所占位置， 不可以通过css改变宽高 span strong em a del 2、块级元素 block feature:独占一行 可以通过CSS改变宽高 div p ul li ol form address 3、行级块元素 inl ...
分类：
Web程序 时间：
2020-01-06 00:25:37
阅读次数：
94
元素就是标签，布局中常用的有三种标签，块元素 、内联元素、内联块元素 3.3.1 块元素 块元素，也可以称为行元素，布局中常用的标签有:div \ p\ ul\ li \h1-h6\ dl\ dt\ dd等都是块元互；它在布局中的行为： a.支持全部的样式 b.如果没有设置宽度，那么默认的宽度为父级 ...
分类：
其他好文 时间：
2020-01-04 14:25:21
阅读次数：
54
一、设置锚点 <a name=“top”>(顶部锚点)</a> <a href="#top">返回顶部</a> 二、html块元素 1、HTML块元素 块元素显示时，通常以新行开始 例：<h1><p><ul> 2、HTML内联元素 内联元素通常不会以新行开始 例：<b><img><a> 3、HTML ...
分类：
Web程序 时间：
2019-12-31 21:52:01
阅读次数：
91
目标 理解 背景的作用 css背景图片和插入图片的区别 应用 通过css背景属性，给页面元素添加背景样式 能设置不同的背景图片位置 【插入图片，不用设置img元素的父元素、自身元素大小，即可见，但是背景图要设置元素的宽高才可见。】 4.1 背景颜色(color) 语法： 4.2 背景图片(image ...
分类：
Web程序 时间：
2019-12-31 18:20:51
阅读次数：
86
常见布局实现： 作者：Sweet_KK 链接：https://juejin.im/post/5aa252ac518825558001d5de 来源：掘金 一、水平居中 文本/行内元素/行内块元素居中 ==text align== 只控制行内内容（文字、行内元素、行内块元素）如何相对于他的块父元素对齐 ...
分类：
其他好文 时间：
2019-12-27 21:53:44
阅读次数：
102
水平居中 1.行内元素水平居中，外面的父级块元素设置样式text align:center; 效果图如下： 2.块级元素的水平居中 方法一：设置左右两边的margin为auto即可 效果图如下： 方法二:css3新属性fit content意思是宽度缩小到和内容一样宽配合margin:auto; 效 ...
分类：
Web程序 时间：
2019-12-25 13:16:53
阅读次数：
100
HTML5语义化标签 1.<article>表示包含一个文档、页面、应用程序或网站中的一段独立的内容，也就是说，它能够独立地被发布或重新使用。可适用的地方有：一篇博客、一个论坛帖子、一篇新闻报道、一个用户评论... 2.<header>一般被放置在页面的顶部，或者页面中某个区块元素的顶部，包含整个页 ...
分类：
Web程序 时间：
2019-12-24 23:20:35
阅读次数：
120
