HTML
文章平均质量分 76
shawxlee
难道我真的是天才?
展开
-
【element-ui】输入框组件el-input输入数字/输出Number类型:type=“number“、v-model.number用法
输入框组件el-input输入数字/输出Number类型原创 2024-02-07 18:10:38 · 4119 阅读 · 0 评论 -
【学习笔记】HTML字符实体|语言代码、JS正则表达式参考手册
2、浏览器会截短 HTML 页面中的连续空格,总是只显示一个,如需在页面中增加空格的数量,您需要使用。3、如果希望正确地显示预留字符,我们必须在 HTML 源代码中使用字符实体。1、HTML 中的常用字符实体是不间断空格。1、在 HTML 中,某些字符是预留的;,这是因为浏览器会误认为它们是标签;2、在 HTML 中不能使用小于号。实体名称对大小写敏感。原创 2023-09-13 20:09:22 · 144 阅读 · 0 评论 -
【学习笔记】HTML 标签|属性参考手册(Hyper Text Markup Language - 超级文本标记语言)
a href = " https://www.runoob.com/ " > 绝对路径URL < a href = " tag_a.php " > 相对路径URL < a href = " #top " > 锚点URL原创 2023-09-13 11:56:36 · 204 阅读 · 0 评论 -
【模板】用HTML编写邮件正文 | 各大邮箱几乎都会过滤css样式、js脚本等效果,如何用基础HTML编写?
【模板】用HTML编写邮件正文 | 各大邮箱几乎都会过滤css样式、js脚本等效果,如何用基础HTML编写?原创 2023-02-21 16:12:13 · 2197 阅读 · 0 评论 -
[HTML+CSS+Vue] 自定义单选按钮效果:点击不同按钮切换(switch)不同选项,同一按钮在2个状态之间切换(toggle)
刚刚搞定一个排序组件:三个按钮对应三个不同的排序方式,单选切换,同时在当前排序方式下,再点击当前按钮切换正序和倒序,小箭头图标示意。因为radio单选框的默认样式太丑了,bootstrap给的custom也不理想,所以就决定从样式到功能全部自定义,感谢vue让一切如此简单~• 效果示例:• HTML代码:<div id="app"> <div class="...原创 2019-05-12 11:39:45 · 5993 阅读 · 0 评论 -
[ HTML + CSS + jQuery ] 实现侧边栏sidebar:点击底部导航栏上的按钮打开侧边栏,从右向左滑出,再次点击按钮收起
一个简单有效的侧边栏实现办法今天在做项目的时候,需要实现一个侧边栏效果,一开始想到用Bootstrap,但是Bootstrap4的collapse组件只能向下或向上打开,于是在网上研究了一阵,总结出目前觉得效果理想的最简单的办法。效果示例:HTML代码:去博客设置页面,选择一款你喜欢的代码片高亮样式,下面展示同样高亮的 代码片.// An highlighted blockvar...原创 2019-04-28 19:10:33 · 5787 阅读 · 0 评论 -
[HTML+Bootstrap+CSS+Vue.js] 利用v-for循环、modal模态框、datetime控件添加起止时间记录,要求简单验证输入的时间格式
•需求:点击按钮弹出模态框,用户输入数据并点击提交,若输入格式正确,则添加一条记录到页面并关闭模态框;若输入格式有误,则模态框不关闭,且显示警告文字,用户重新输入时消失•美化:从左到右排列记录,间距适当,队列末尾放置+号按钮,并添加浅色虚线背景框,弹出的模态框居中显示•技术:HTML + CSS + Vue.js + Bootstrap + jQuery原创 2018-11-12 16:13:11 · 1727 阅读 · 0 评论 -
[HTML+CSS+Vue.js] 超长文本等内容默认折叠显示,点击展开全文,再点击收起(仿知乎效果)
•需求:浏览时默认只显示前三行文本,剩余部分折叠,点击“展开阅读全文”显示完整文本,再点击文末的“收起”恢复折叠状态•美化:“展开阅读全文”折叠杆挡住面板下端,并呈现半透明渐变效果•技术:HTML + CSS + Vue.js原创 2018-11-08 20:08:01 · 18852 阅读 · 3 评论 -
[HTML+CSS] 6种情况下使元素在父元素内居中显示(水平居中/垂直居中/水平垂直居中)
1、内联元素在父元素内居中显示• 情境①:父元素未设置尺寸• 情境②:父元素已设置宽高2、块级元素在父元素内居中显示• 情境①:父元素及该元素都未设置尺寸• 情境②:父元素未设置尺寸,但该元素已设置宽高• 情境③:父元素已设置宽高,但该元素未设置尺寸• 情境④:父元素及该元素都已设置宽高原创 2018-11-12 12:32:47 · 3851 阅读 · 0 评论 -
[HTML+Bootstrap+CSS+jQuery] 时差计算器(计算时差、验证格式、当前时间、历史记录……)
•需求: 用户输入起止时间,点击计算按钮输出时差(…天…时…分…秒);验证输入值的格式,仅当格式符合时间类型时才能输出正确结果,否则显示警告;提供按钮获取当前时间并填充到输入框内,可以计算当前时间开始或结束的时差;自动叠加历史记录,点击三角按钮展开查看,再点击收起•美化: 面板、输入框、按钮等样式优化•技术: HTML + CSS + Bootstrap + jQuery原创 2018-11-14 11:26:44 · 1053 阅读 · 0 评论