html+css
_阿毛
多学一点知识,少写一点代码
展开
-
去除页面的滚动条
/*webkit内核*/.dom::-webkit-scrollbar { width:0px; height:0px;}<!--针对火狐浏览器滚动条消失--><script src="https://cdn.bootcdn.net/ajax/libs/jquery.nicescroll/3.7.6/jquery.nicescroll.min.js"></script>//针对火狐浏览器滚动条消失 $(".dom").niceScroll(原创 2021-10-13 16:00:29 · 420 阅读 · 1 评论 -
文字两端对齐
<head> <meta charset="UTF-8"> <title>文字两边对齐</title> <style> div{ width:65px; text-align-last: justify; } </style></head><body><div>地址</div&.原创 2021-04-14 14:43:14 · 413 阅读 · 0 评论 -
table的td宽度设置在有内容的情况下失效
问题描述:在表格没有填充内容的情况下,设置的百分数宽度是正确的,但是填充了内容就会失效,随着内容增多而变宽。解决:给table使用table-layout:fixed;属性table { table-layout:fixed; }使用了这个属性的话:在固定表格布局中,水平布局仅取决于表格宽度、列宽度、表格边框宽度、单元格间距,而与单元格的内容无关。...原创 2019-08-30 16:51:48 · 1351 阅读 · 0 评论 -
子级设置透明度影响了父级的透明度
子级通过rgba设置了半透明,因为和父级重叠的区域影响父级的背景图也成为半透明的。问题排版大致是:ul>li>spanspan设置了rgba(255, 255, 255, 0.5)导致了父级li的背景图(蓝色√)也被半透明显示解决把背景图和背景色都设置给span元素本身span:nth-chid(2){ background: url(true.png) ...原创 2019-03-12 16:32:57 · 546 阅读 · 0 评论 -
浮动元素水平居中
父级元素display :flex; display:-webkit-flex; align-items:center; -webkit-align-items:center; justify-content:center ; 子级元素float:left;原创 2019-01-21 20:21:56 · 451 阅读 · 0 评论 -
html页面meta标签意义
meta标签标签提供了 HTML 文档的元数据。元数据不会显示在客户端,但是会被浏览器解析。META元素通常用于指定网页的描述,关键词,文件的最后修改时间,作者及其他元数据。元数据可以被使用浏览器(如何显示内容或重新加载页面),搜索引擎(关键词),或其他 Web 服务调用。注意: 标签通常位于 区域内。注意: 元数据通常以 名称/值 对出现。注意: 如果没有提供 na...原创 2018-11-29 11:25:01 · 573 阅读 · 0 评论 -
css做文字背景闪烁效果
项目当中最近有个需求就是。需要提醒进行某些操作的地方,要把那个操作做一个提醒的样式,比如高亮闪烁。代码:&lt;!DOCTYPE html&gt;&lt;html lang="en"&gt;&lt;head&gt; &lt;meta charset="UTF-8"&gt; &a原创 2018-11-21 16:31:44 · 6858 阅读 · 0 评论 -
input输入框禁止显示历史记录
在输入input时会显示原来输入的内容,禁止这种情况只需在input中加入:autocomplete=“off”&amp;lt;input type=&quot;text&quot; autocomplete=&quot;off&quot; /&amp;gt;autocomplete 属性是用来规定输入字段是否启用自动完成的功能。补充:input标签的其他属性1.防止退后清空的TEXT文档(可把st原创 2018-10-24 15:15:39 · 55837 阅读 · 9 评论 -
canvas 粒子
详细请参考原址:https://runjs.cn/detail/fx1vvsld在网上看到 一个超级炫酷的动画效果,就想转载分享下HTML:&lt;!DOCTYPE html&gt;&lt;html lang="zh-CN"&gt;&lt;head&gt; &lt;meta charset="UTF-8"&a转载 2018-10-26 14:46:41 · 355 阅读 · 0 评论 -
location.hash
window.location.hash属性介绍详细请参考简书原址:https://www.cnblogs.com/china-aspx/archive/2008/04/20/1162597.html location是javascript里边管理地址栏的内置对象,比如location.href就管理页面的url,用location.href=url就可以直接将页面重定向url。而l...转载 2018-10-23 16:14:28 · 1645 阅读 · 0 评论 -
伪元素做进度条
111111原创 2018-10-16 18:15:53 · 588 阅读 · 0 评论 -
对数字强制换行
word-break属性对数字换行一般情况下,在自适应的情况下会自动换行,汉字和字母以及字母数字结合的时候正常,但是做项目的时候发现纯数字的时候不会自动换行,会超出显示,比如:所以需要设置强制换行 word-break: break-all;word-break:主要是让浏览器实现在任意位置的换行。值描述normal使用浏览器默认的换行规则。break-al...原创 2018-10-10 10:25:54 · 5286 阅读 · 0 评论 -
在HTML中限制input 输入框只能输入纯数字
参考博客原址:https://blog.csdn.net/w6990548/article/details/79388905 限制 input 输入框只能输入纯数字1、onkeyup = &amp;quot;value=value.replace(/[^\d]/g,'')&amp;quot; 使用 onkeyup 事件,有 bug ,那就是在中文输入法状态下,输入汉字之后直接回车,会直接输入字母2、...转载 2018-09-26 17:24:02 · 1508 阅读 · 0 评论 -
前端代码标准最佳实践:CSS
1,命名和其他语言规范一样,css的命名也讲究命名要有意义,命名要尽可能短但是要足够表达含义;命名的词用连字符连接。不规范的命名:[html] view plain copyprint? #navigation{&nbsp;&nbsp;}&nbsp;&nbsp;.demoimage{&nbsp;&nbsp;}&nbsp;&nbsp;.error_s转载 2018-09-11 15:02:42 · 231 阅读 · 0 评论