1.MVC 1.概念: M是指业务模型,V是指用户界面,C则是控制器。 M即model模型,数据层,负责数据的处理和获取的数据接口层。 V即View视图,视图层,是指用户看到的并且与之交互的界面。比如由html元素组成的网页界面,或者软件的客户端界面。 C即controller控制器,控制层,它是M ...
分类:
Web程序 时间:
2020-05-02 11:45:24
阅读次数:
147
(编程新手) 每个html元素(标签)可以看作一个盒子。从里到外分别是:内容, 内边距, 边框, 外边距. 01内容区 最原始的width和height设置的是内容的大小。 子元素只会出现在内容区里面。 02边框 设置边框接触到了三个属性。分别是:border-style,border-width, ...
分类:
其他好文 时间:
2020-05-01 20:53:15
阅读次数:
87
1.动态伪类 :link(未访问),:visited(已访问),:hover(经过),:active(点击时),:focus(获取焦点时) 顺序:link-> visited-> focus-> hover-> avtive /* :hover 和 :active 除了在 a 元素中可以使用,也可以 ...
分类:
Web程序 时间:
2020-04-29 16:39:12
阅读次数:
95
Emmet是一个快捷编写html元素、css样式的插件,很多主流IDE都自带得有。 没有的话,可以自己给IDE装上该插件。 输入命令后,按Tab执行。 html ! 生成html文档基本骨架 link:css 生成引入css的<link /> link:favicon 生成设置网页图标的<link ...
分类:
其他好文 时间:
2020-04-27 19:51:34
阅读次数:
50
解析html元素,构建dom 树 解析CSS,生成页面css规则树(Style Rules) 将dom树 和 css规则树关联起来,生成render树 布局(layout/ reflow),浏览器会为Render树上的每个节点确定在屏幕上的尺寸、位置 绘制Render树,绘制页面像素信息到屏幕上,这 ...
分类:
Web程序 时间:
2020-04-26 20:39:23
阅读次数:
95
hover可操控子元素 也通过+号来操纵同级元素 只能操纵相邻的兄弟元素,也可操纵相邻同级元素的子元素 不相邻的同级元素不能操纵 <html> <body> <style> #a:hover {color : #FFFF00;} #a:hover > #b:first-child{color : # ...
分类:
其他好文 时间:
2020-04-26 11:21:49
阅读次数:
154
写在前面,本文将同步发布于Blog、掘金、segmentfault、知乎等处,如果本文对你有帮助,记得为我得到我的个人技术博客项目给个star哦。 为何写这篇文章? 你可能做Web开发已经有一段时间,你是否有想过下列问题呢?为什么div元素甚至是所有的html元素都可以使用addEventListe ...
分类:
Web程序 时间:
2020-04-26 01:19:46
阅读次数:
80
BFC,block formatting context,直译为“块级格式化上下文”。 BFC是什么 官方解释为:它决定了元素如何对其内容进行定位,以及与其他元素的关系和相互作用。当涉及到可视化布局的时候,Block Formatting Context提供了一个环境,让HTML元素在这个环境中按照 ...
分类:
其他好文 时间:
2020-04-25 23:40:49
阅读次数:
77
1.px——Pixel。固定长度单位 它是固定大小的单位 2.em em是相对于父级元素的单位,会随父级元素的属性(font-size或其它属性)变化而变化 3.rem rem是css3新增的相对长度单位 rem是相对于根目录(HTML元素)的,所有它会随HTML元素的属性(font-size)变化 ...
分类:
Web程序 时间:
2020-04-25 00:50:59
阅读次数:
89
使用 window.alert() 弹出警告框 使用 document.write() 方法将内容写到 HTML 文档中 使用 innerHTML 写入到 HTML 元素 使用 console.log() 写入到浏览器的控制台 console.log(5+6); 从 JavaScript 访问某个 ...
分类:
编程语言 时间:
2020-04-23 20:53:15
阅读次数:
82