一、HTML元素分类及其特点 1.行内元素 在一行内显示，水平方向排列。有默认高度（当前浏览器默认字体的高度），没有默认宽度，元素的大小由包裹内容决定，且不能设置宽高和内外边距。元素内部不能包含块级元素。 2.块级元素 独占一行，垂直方向排列。可以设置宽高，默认宽度是父元素的100%。可以包含行内元 ...
分类：
Web程序 时间：
2020-06-19 15:48:33
阅读次数：
129
当我们想让元素横向排开时，会使用span标签，或者是将块级元素设置为display:inline-block时 有时会发现，相邻两个元素之间，明明没有设置margin或者是padding值，但是有间隙 原因是因为html代码中相隔的span标签间有回车 HTML代码中的回车换行被转成一个空白符，在字 ...
分类：
其他好文 时间：
2020-06-18 16:07:45
阅读次数：
55
什么叫行内元素（内联元素）？ 常见的span、a、lable、strong、b等html标签都是行内元素 默认情况下，行内元素均无法设置宽度、高度、上下方向margin的外边距等 一般在css中添加属性： display:inline //这时设置成了内联元素 什么叫块级元素？ 常见的div、p、l ...
分类：
Web程序 时间：
2020-06-16 13:06:56
阅读次数：
238
基本框 CSS假定每个元素都会生成一个或者多个矩形框，这称为元素框。各元素框中心还有一个内容区（content area）。这个内容区周围有可选的内边距、边框和外边距。这些项都是可选的，因为它们的宽度可以设置为0。 包含块 每个元素都相对于其包含快摆放；可以这么说，包含快就是一个元素的"布局上下文" ...
分类：
Web程序 时间：
2020-06-11 21:53:32
阅读次数：
79
一.HTML5新特性 1.HTML5新增的语义化标签 标签 语义 <header> 头部标签 <nav> 导航标签 <article> 内容标签 <section> 定义文档某个区域 <aside> 侧边栏标签 <footer> 尾部标签 注意点 在IE9中需要转成成块级元素才能使用display: ...
分类：
其他好文 时间：
2020-06-10 18:48:40
阅读次数：
73
由于之前没有做过前端的开发工作，在现在的前端开发工作中遇到许多坑，有关于javascript的，有关于css样式的，所以想在这里总结一下。文章的结构的可能会比较混乱，同一篇文章可能会有多次的修改。 div显示在同一行中 div是块级元素，默认是不会显示在同一行的，但是可以通过如下方式，让div元素显 ...
分类：
其他好文 时间：
2020-06-06 16:55:22
阅读次数：
63
css 水平垂直居中实现方式 css中有好多实现居中的方式，在项目中经常不知道使用哪种方式会比较好，所以记录下来。 水平垂直居中包括行内元素居中，以及块级元素居中 行内元素html结构 <div class="outer"> <span class="inner"></span> </div> 块级 ...
分类：
Web程序 时间：
2020-06-04 19:37:56
阅读次数：
75
/*单行*/ .work_font{ display:block /*这里设置inline-block或者block；根据使用情况来定（行内元素需要加这个，块级元素和行内块级可以不用）*/ white-space:nowrap; overflow:hidden; text-overflow:elli ...
分类：
微信 时间：
2020-06-04 13:38:39
阅读次数：
126
定位(position)CSS三个大核心模块：盒模型、浮动和定位，其余的都是细节。为什么要用定位？举例，京东商城网页....如果说浮动的主要目的是让多个块级元素在一行显示，那么定位的主要价值就是移动元素位置，让元素移动到我们想要的位置上去。元素的定位主要包括偏移属性和定位模式来实现。一、偏移属性说明用来描述定位元素各边相对于其包含块的偏移量。|偏移属性|说明||--------|---------
分类：
其他好文 时间：
2020-06-04 12:15:35
阅读次数：
68
定位(position)CSS三个大核心模块：盒模型、浮动和定位，其余的都是细节。为什么要用定位？举例，京东商城网页....如果说浮动的主要目的是让多个块级元素在一行显示，那么定位的主要价值就是移动元素位置，让元素移动到我们想要的位置上去。元素的定位主要包括偏移属性和定位模式来实现。一、偏移属性说明用来描述定位元素各边相对于其包含块的偏移量。|偏移属性|说明||--------|---------
分类：
其他好文 时间：
2020-06-04 12:05:12
阅读次数：
73
