1 块级元素

1-1特点

-独占一行，一行只能显示一个

-宽度默认是父元素的宽度，高度默认由内容撑开

-可以设置宽度

2 代表标签

div， p， h系列 ，ul ，li ，dl ，dt ，dd ，form， header·······

1-1br在标签内部，显示如何（以下是浏览器显示）

（以下是代码）

在p标签内，添加换行标签，除了空出来的一行，还有行与行之间的间距存在，用鼠标选择时，能按到空出来行。

1-2 br在标签外部，和内部的对比。（以下是浏览器显示）

（以下是代码）

总结，在p标签外的br换行，与上面的br放在标签内字体无差别，鼠标选择后，能看到空行也无差别。

html5推出了大量的语义化标签, 如 main， section，footer等。在前端开发中，更常见的却是div span一把梭。语义化标签的使用问题，也经常在网上讨论。我刚学开发前端的时候，对各式各样的html5标签的认识不多，初学的时候，也没有系统地去学习。后面开发多了，才多学习使用了一些。

从技术层面，语义化标签是w3c设计推出的，是web标准。web开发应该遵守和使用。但在实际使用层面，语义化标签并没有预想的那么好。

v-on的作用是为元素绑定监听事件

标准写法是：v-on:事件名="函数名"，

也可以简写成：@事件名='函数名'。

v-on绑定的事件触发后，methods对应的函数将触发。

不仅可以绑定鼠标事件，也可以绑定键盘事件

获取按键的内容

v-on:事件名后可以跟修饰符

常用的修饰符有

1、once：仅执行1次。

都说前端很简单，我说，越简单的东西做好越难。

我们经常用css3写一些动画，很是方便，下面普及一个前端开发冷知识，css动画设置暂停 animation-play-state， 你用过吗？

看代码

鼠标一上去动画暂停，是不是涨姿势了？ 基于它你是否已经有了更好动画实现的想法？

--

切图网qietu.com ，专注前端开发

IT之家 11 月 15 日消息，微软公司昨日（11 月 14 日）发布博文，面向 Release Preview 频道的 Windows Insider 项目成员，发布了适用于 Windows 11 24H2 的 KB5046740 更新，用户安装后版本号升至 Build 26100.2448。

IT之家附上相关更新内容如下：

一、逐步推出

1.1、开始菜单

IT之家（www.ithome.com）：开发者必看：火狐Firefox 34新特性一览

目前还在Firefox Aurora开发渠道，下一代火狐Firefox 34版本将会带来很多在开发者工具上的新特性。这个版本正式版计划在11月发布，包含新新特性有：数据存储检查工具、WebIDE、Profiler升级等等。

1、WebIDE

WebIDE一个全新的浏览器内应用，默认启用。可让你从模板中创建一个新的Firefox OS应用，或者打开之前创建好的应用，可直接点击在模拟器中运行和调试。

前面文章有制作水晶魔方，这次我们升级一下它的功能，通过鼠标控制魔方旋转。

大家先看效果

这酷炫的效果，你怎么看？

鼠标事件

这次效果，咱们需要用JS实现。主要是监听鼠标事件，计算鼠标滑动距离，改变魔方的rotateX、rotateY

JS有哪些鼠标事件呢？

1、click：单击事件。

2、dblclick：双击事件。

3、onmousedown：鼠标按下时触发事件，不管按住左键/右键还是滑轮都可以

?# 前言

electron默认沿用系统UI，并没有提供很多接口供使用者定制样式，如果想要完全自定义的样式，目前我能想到的方案只能是通过前端自定义样式，然后通过进程通信来实现系统基础功能：最大/小化、关闭、拖动窗口等。