HTML笔记

HTML笔记

封装了一个tab切换插件

1

Deshun 发布于 6年前 (2019-04-23) 2942℃ 评论(0) 赞 (0)

封装了一个tab切换插件

今天在写tab切换的时候,顺便封装了一个,方便以后使用。只需要填入 tab 和切换内容的父元素,即可实现。自动给 tab 添加/删除 class 类 .on ,给切换的内容添加/删除 class 类 .active ,可以根据自己的需求设置样式。HTML:<ul ...

HTML笔记

a标签中防止跳转的href="javascript:;"、"void(0);"等都是什么意思

1

Deshun 发布于 6年前 (2019-03-25) 3366℃ 评论(0) 赞 (0)

a标签中防止跳转的href="javascript:;"、"void(0);"等都是什么意思

标签的 href 属性用于指定超链接目标的 URL,href 属性的值可以是任何有效文档的相对或绝对 URL(路径),包括片段标识符和 JavaScript 代码段。javascript: 是表示在触发默认动作时,执行一段JavaScript代码,而 javascript:; 表...

HTML笔记

纯CSS绘制三角形、梯形及border属性的延伸

2

Deshun 发布于 6年前 (2019-03-18) 6826℃ 评论(0) 赞 (5)

纯CSS绘制三角形、梯形及border属性的延伸

利用CSS实现三角形效果,比较常用的思路是使用 border 边框来实现,border 边框是由四个三角形组成的,通过调整四个边来实现不同形状的三角形。通过上图应该能看懂 border 的实现原理。CSS代码如下:通过调整边框的宽度,来实现不同的形状。/*A1*/ .trian...

HTML笔记

纯CSS选择器控制子元素或兄弟元素的hover效果

1

Deshun 发布于 6年前 (2019-03-02) 7424℃ 评论(0) 赞 (6)

纯CSS选择器控制子元素或兄弟元素的hover效果

一般 hover 效果只用在自身元素和控制子元素,那么可以直接用 CSS 控制兄弟元素的 hover 效果吗?答案是可以的,不过只能控制相邻的元素,具体示例代码如下:1、如果 #b 元素是 #a 元素的子元素,可以直接通过 #a:hover #b {...} 这种方式来控制。示例...