写在前面的话: 由于CSS内容比较多,小菜没有精力从头到尾讲一遍,只能有针对性的讲解。 如果读者理解CSS盒子模型,但对于浮动不理解,那么这篇文章可以帮助你。 小菜水平有限,本文仅仅是入门教程,不当之处请谅解! 本文以div元素布局为例。 教程开始: 首先要知道,div是块级元素,在页面中独占一行, ...
分类:
Web程序 时间:
2019-04-09 15:21:47
阅读次数:
164
HTML、CSS、JavaScript的学习顺序一般为html,css,javascript HTML、CSS、JavaScript的详细知识点介绍: 1. HTML 包含文字、图片、视频等。 或为标题加入背景图片、颜色变化,标题字体、比如,就像网页的外衣。样式是表现。2. CSS 边框等。所有这些 ...
分类:
编程语言 时间:
2019-04-07 00:25:53
阅读次数:
225
1、已知宽高的块级元素居中: 2、未知宽高的块级元素居中: ...
分类:
Web程序 时间:
2019-04-06 18:57:17
阅读次数:
137
1,全部都是占满行。 2,使用百分比定义宽度,width:100%; 或者max-width:1200px; min-width:800px; 3,块级元素添加margin:0 auto; 左右自适应宽度居中。 4, height=line-height; text-align:center; 块级 ...
分类:
其他好文 时间:
2019-04-06 14:24:01
阅读次数:
134
报错: 翻译过来是: [Vue警告]:客户端呈现的虚拟DOM树与服务器呈现的内容不匹配。这可能是由不正确的HTML标记引起的,例如在其中嵌套块级元素或丢失。Bailing水化和执行完整的客户端渲染。 解决方案 把上面注释的div删掉就正常了 我也不清楚,在pages下的vue页面中为什么不能有注释, ...
分类:
其他好文 时间:
2019-04-04 12:57:16
阅读次数:
409
如何居中一个元素 本文主要介绍水平居中,垂直居中,还有水平垂直居中各种办法,思维导图如下: 一、水平居中 1.行内元素水平居中 利用 text-align: center 可以实现在块级元素内部的行内元素水平居中。此方法对inline、inline-block、inline-table和inline ...
分类:
其他好文 时间:
2019-04-03 16:31:56
阅读次数:
177
引用GitHub 上 ltadpoles的前端面试 https://github.com/ltadpoles HTML部分 1. Doctype作用,HTML5 为什么只需要写<!DOCTYPE HTML> doctype是一种标准通用标记语言的文档类型声明,目的是告诉标准通用标记语言解析器要使用什 ...
分类:
Web程序 时间:
2019-04-03 00:02:39
阅读次数:
245
前言 所有文档元素都生成一个矩形框,这称为元素框(element box),它描述了一个元素在文档布局中所占的空间大小。而且,每个框影响着其他元素框的位置和大小 宽高 宽度width被定义为从左内边界到右内边界的距离,高度height被定义为从上内边界到下内边界的距离 在CSS中,可以对任何块级元素 ...
分类:
Web程序 时间:
2019-04-02 12:24:51
阅读次数:
155
CSS知识点及面试题 1、一般与文本相关的属性都可以继承text-/font-/line- 2、background属性1)background-repeat:repeat/repeat-x/repeat-y/no-repeat2)background-position:默认0 0 只指定一个值,其 ...
分类:
Web程序 时间:
2019-03-31 15:31:23
阅读次数:
171
1. div 2. 边距 3. 边框 4. 定位 5. 浮动 1 21.1 div 部分(division) <div>元素,经常以 div 形式引用 是 XHTML 元素,用于定义 XHTML 文 件中的区域. 1.添加 div <div> <p>This is our content area. ...
分类:
Web程序 时间:
2019-03-31 09:58:23
阅读次数:
198