html+css
零零历险记
一点一点
展开
-
什么是Bom?有哪些常用的Bom属性
Bom是浏览器对象常用的Bom属性:location对象location.href-- 返回或设置当前文档的URLlocation.search – 返回URL中的查询字符串部分。例如 http://www.dreamdu.com/dreamd… 返回包括(?)后面的内容?id=5&name=dreamdulocation.hash – 返回URL#后面的内容,如果没有#,返回空 location.host – 返回URL中的域名部分,例如http://www.dreamdu.comlo原创 2020-11-12 16:03:50 · 2047 阅读 · 1 评论 -
关于flex中的两个小问题
一、垂直居中最快的方法.parent { display: -webkit-flex; display: flex; width: 400px; height: 250px; background-color: lightgrey;}.children { background-color: cornflowerblue; width: 75px; height: 75px; margin: auto;}二、父元素只用设定原创 2020-09-12 20:09:49 · 153 阅读 · 0 评论 -
less使用的样式穿透
#wrap /deep/ p { margin-top: 50px; }原创 2020-08-31 14:29:38 · 4616 阅读 · 0 评论 -
input中的input与change事件区别
input输入框的onchange事件,要在 input 失去焦点的时候才会触发; 在输入框内容变化的时候不会触发change,当鼠标在其他地方点一下才会触发; onchange 事件也可用于单选框与复选框改变后触发的事件。 demo如下: <script> function myFunction(){ var x=document.getElementById("fname"); x.value=x.value.toUpperCase()原创 2020-08-29 20:27:02 · 7574 阅读 · 0 评论 -
字体小图标使用与优缺点
之前对换肤就是改变css与img中的路径来进行切换,但是效果与打包后的文件都不理想。使用字体小图标只要改变CSS中的font-size和color就可以。现结合其他资料对其进行小总结下:优势轻量级:一个图标字体要比一系列的图像要小。一旦字体加载了,图标就会马上渲染出来,不需要下载一个个图像。这样可以减少HTTP的请求数量,而且和HTML5的离线存储配合,可以对性能做出优化。灵活性:不调字体可以像页面中的文字一样,通过font-size属性来对其进行大小的设置,而且还可以添加各种文字效果,如color原创 2020-06-29 23:25:57 · 757 阅读 · 0 评论 -
HTML标签的role作用
看到别人代码中出现role属性,记录一下:<li role="tab" class=tabs-tab>tab1</li>role 是增强语义性,当现有的HTML标签不能充分表达语义性的时候,就可以借助role来说明。通常这种情况出现在一些自定义的组件上,这样可增强组件的可访问性、可用性和可交互性。role的作用是描述一个非标准的tag的实际作用。比如用div做button,那么设置div 的 role=“button”,辅助工具就可以认出这实际上是个button<l原创 2020-06-12 23:34:55 · 3206 阅读 · 0 评论