css: ul li{ display: inline; margin-right: 3em; } ul{ margin:8em auto; margin-left: 20%; } ul li:hover{ border-bottom: 2px solid #000; } html: <ul> <l ...
分类：
其他好文 时间：
2019-10-06 13:26:15
阅读次数：
85
css - 垂直对齐 非原生行内块 为了方便叙述，我们把转换为行内块的元素称为非原生行内块元素 单行/多行元素 在学习垂直对齐前，需要先把在一行上显示的元素分出两个概念，一个是单行元素，另一个是多行元素。单行元素有：input、button、span、a等，多行元素有：非原生的行内块、textare ...
分类：
Web程序 时间：
2019-10-03 16:20:34
阅读次数：
165
https://javachen.github.io/ 概述特点语法编辑器浏览器插件实现版本参考资料概述Markdown 是一种轻量级标记语言，创始人为约翰·格鲁伯（John Gruber）和亚伦·斯沃茨（Aaron Swartz）。它允许人们“使用易读易写的纯文本格式编写文档，然后转换成有效的XH... ...
分类：
其他好文 时间：
2019-10-02 23:12:40
阅读次数：
129
一、问题产生 由于html代码格式化后，标签会缩进或者换行。由于浏览器默认处理导致元素在页面显示中出现单个空格问题，尤其在行内或者行内块元素布局时影响比较明显 例如： 代码 页面显示 二、解决方案 这种问题出现让人很头疼，寻访答案却都差强人意：不是兼容性问题就是需要对布局进行特殊处理，总之都不是很完 ...
分类：
其他好文 时间：
2019-09-30 23:34:51
阅读次数：
215
伪元素不能跟着hover，要这样用 .box:hover::before position: absolute 自动把元素转换为块元素。 例子： html .box { width: 500px; height: 30px; position: relative; border: 1px solid ...
分类：
其他好文 时间：
2019-09-27 21:15:16
阅读次数：
70
普通流（标准流）：默认状态，元素自动从左往右，从上往下的排列。 块元素 行内元素 CSS Float（浮动）的基础知识 1.会使元素向左或向右移动，只能左右，不能上下。 2.浮动元素碰到包含框或另一个浮动框，浮动停止。 3.浮动元素之后的元素将围绕它，之前的不受影响。 4.浮动元素会脱离标准流。 没 ...
分类：
其他好文 时间：
2019-09-27 18:53:40
阅读次数：
119
html平时常见的块元素有：div, p, h1, h2, h3等，内联元素有：span, a, img等。 块元素的属性：无论内容是什么，都会独占一整行。主要用于页面布局。 内联元素的属性：只占自身大小的元素，不会占用一行。主要用于选中文本设置样式。 div块元素仅仅只用于进行页面布局，它自身不带 ...
分类：
Web程序 时间：
2019-09-26 23:41:54
阅读次数：
110
margin: margin:5px auto;意思上下为5,左右平均居中 margin-top: 20px; 上外边距 margin-right: 30px; 右外边距 margin-bottom: 30px;下外边距 margin-left: 20px; 左外边距 margin:1px 四边统一 ...
分类：
Web程序 时间：
2019-09-16 14:28:09
阅读次数：
99
面试题讲解： 第一题：行内元素有哪些？块级元素有哪些？有哪些css盒模型？ 行内元素举例：a、strong、b、em、i、del、u、ins、span、... 块级元素举例：h1~h6、p、div、ul、ol、l 、... 行内块元素举例：img、input、td、... css盒模型： 1.盒模型 ...
分类：
其他好文 时间：
2019-09-15 10:51:14
阅读次数：
104
三角形 .sanjiaoxing{ position: relative; top: 3px; display: inline-block; margin-left: 8px; width: 0; height: 0; border-width: 5px; //宽度 border-style: so ...
分类：
Web程序 时间：
2019-09-13 22:18:53
阅读次数：
319
