HTML/CSS
文章平均质量分 78
小贤笔记
越努力,越幸运
展开
-
前端特殊字符总结
使用HTML<span>❤</span>CSSspan::after { content: '\2764'; font-size: 12px;}JavaScriptconst icon = '\u2764';const icons = '\u2764\u2764\u2764';console.log(icon, icons);文档基本形状图形HTMLCSS/JavaScript▲965025B2原创 2022-04-26 15:07:06 · 2653 阅读 · 0 评论 -
拖动缩放组件(vue-drag-zoom)
该组件适用于对一个元素在某个区域内进行拖动/缩放原创 2022-03-18 09:51:48 · 1725 阅读 · 0 评论 -
解决图片底部间隙问题
如图所示 当容器不设置宽高时, 加入 img 标签后会自动撑开 那么问题来了, 为什么图片底部为什么会有一点间隙而不是100%填充容器呢? 其实间隙产生的三大元凶是 “幽灵空白节点”、line-height 和 vertical-align 属性 幽灵空白节点 即: 一个宽度为0, 表现如同普通字符的看不见的 “节点” 我们插入一个内容为 “x”, 背景为红色的 “span” 标签 ...原创 2018-08-01 16:01:30 · 2080 阅读 · 0 评论 -
class 命名规范
注: 文章摘自 penggelies07- 简书, super晴天 - CSDN常见class关键词布局类:header, footer, container, main, content, aside, page, section 包裹类:wrap, inner 区块类:region, block, box 结构类:hd, bd, ft, top, bottom, left...转载 2018-07-26 08:35:49 · 2261 阅读 · 0 评论 -
div 居中方法汇总
情况一: 父子容器宽高已知方法一html&amp;amp;amp;lt;div class=&amp;amp;quot;father&amp;amp;quot;&amp;amp;amp;gt; &amp;amp;amp;lt;div class=&amp;amp;quot;son&amp;amp;quot;&amp;amp;amp;gt;&原创 2018-07-26 08:35:06 · 170 阅读 · 0 评论 -
内联元素垂直居中方法汇总
一般情况下, 我们把 line-height 的值设置为 height 的值, 就可以实现文字垂直居中但貌似移动端不太友好, 文字总是略微偏上一点点, 这看上去就很不舒服了, 很影响用户体验考虑过加上 padding: xxrem 0, 但结果还是不太满意…最终找到两种解决办法, 代码如下方法一span { width: 1rem; height: 1rem...原创 2018-07-26 08:33:32 · 3938 阅读 · 0 评论 -
CSS属性: 阴影 轮廓 渐变
注: 本文摘自 宁静致远 - CSDN / 但愿人长久 千里共婵娟 - CSDN阴影使用box-shadow属性可以为元素添加阴影效果, 比如box-shadow: h-shadow v-shadow blur spread color inset; 关键字 是否必须 作用 值 h-shadow 是 阴影的水平偏移量 长度值,正值代...转载 2018-07-26 08:31:07 · 3832 阅读 · 0 评论 -
子div设置float后会导致父div无法自动撑开
注: 文章部分转载 彩泉 - 博客园原因:内部的DIV因为float:left之后,就丢失了clear:both和display:block的样式,所以外部的DIV不会被撑开。以下是几种解决办法(假设父div的class为“container”):方法1、使用伪类container::after{ display: block; height:0; ...转载 2018-07-25 13:48:59 · 279 阅读 · 0 评论 -
表格滚动方法总结
html&amp;amp;amp;amp;amp;amp;amp;amp;amp;lt;table&amp;amp;amp;amp;amp;amp;amp;amp;amp;gt; &amp;amp;amp;amp;amp;amp;amp;amp;amp;lt;thead&amp;amp;amp;amp;amp;amp;amp;amp;amp;gt; &amp;amp;amp;amp;amp;amp原创 2018-07-25 13:48:21 · 244 阅读 · 0 评论 -
HTML/CSS 常用单词整理
页面布局(layout)header 头部/页眉;index 首页/索引;logo 标志;nav/sub_nav 导航/子导航;banner 横幅广告;main/content 主体/内容;container/con 容器;wrapper/wrap 包裹(类似于container);menu 菜单;sub_menu/second_menu 子菜单/二级菜单;...原创 2018-07-25 13:47:31 · 8372 阅读 · 0 评论