随笔分类 -  HTML/css

canvas图片压缩,局部放大,像素处理
摘要:直接上代码:(具体看注释) 需要引用jquery.min.js 如有问题请指出~ 阅读全文

posted @ 2018-05-31 17:05 奔跑的铃铛 阅读(2049) 评论(0) 推荐(1)

ie下div模拟的表格,表头表体无法对齐
摘要:现象:ie下,如果某个区域滚动显示表格内容(div模拟的table),表体出现滚动条的时候,会跟表头无法对齐。 解决方法:1.首先需要知道两个高度:表体最大高度height1、目前表体要显示的内容高度height2。 2.在css文件写一个样式:.ieScroll{padding-right:17p 阅读全文

posted @ 2018-01-30 13:43 奔跑的铃铛 阅读(430) 评论(0) 推荐(0)

IE对CSS样式的数量和大小的限制
摘要:项目中遇到的问题,css写的样式无法渲染,各种百度后发现大概是这个原因: IE对CSS样式的数量和大小的限制 文档中只有前31个link或style标记关联的CSS能够应用。 从第32个开始,其标记关联的CSS都将失效。 具体数量我觉得32不一定是对的,但是存在这个问题。。可以新写一个css,然后对 阅读全文

posted @ 2018-01-30 13:21 奔跑的铃铛 阅读(441) 评论(0) 推荐(0)

jquery+css 实现即时变化颜色主题(通过input输入颜色值进行改变)
摘要:实现效果需要自行导入jquery.js 如有错误,请您指正! 阅读全文

posted @ 2017-03-27 15:19 奔跑的铃铛 阅读(5721) 评论(1) 推荐(0)

jquery+css实现网页颜色主题变换(只改变已设置好的几种颜色主题)
摘要:又遇到颜色主题变化,这次使用了jquery+css,使用了函数传值,而不是之前网站换肤改变link的方法。 首先是设置好颜色主题后,点击改变页面颜色主题。(需要自行导入jquery.js后查看效果) 直接贴代码: 下一篇贴即时变化颜色主题(通过input输入颜色值进行改变)的代码。 如有错误,请您指 阅读全文

posted @ 2017-03-27 15:05 奔跑的铃铛 阅读(6248) 评论(1) 推荐(0)

overflow滚动条样式设置,ie和webkit内核
摘要:如有错误,请您指正! 阅读全文

posted @ 2017-03-15 10:50 奔跑的铃铛 阅读(956) 评论(0) 推荐(0)

无法获取html元素宽高度的问题
摘要:今天遇到了xxx.style.width无法获取元素宽度的问题,原来一直没有注意到这个小细节: 1)如果width:120px;是写在样式表里面的,获取宽度或者高度的方法是: xxx.offsetWidth或者xxx.offsetHeight 2)如果width:120px;是行内样式(style= 阅读全文

posted @ 2017-02-23 17:53 奔跑的铃铛 阅读(461) 评论(0) 推荐(1)

HTML页面底部无用留白
摘要:HTML页面底部无用留白,可以再footer样式中加入: 如有错误,请您指正~ 阅读全文

posted @ 2017-02-22 16:30 奔跑的铃铛 阅读(2817) 评论(0) 推荐(0)

HTML空格标签
摘要:双学位论文+本学位开题报告+实训项目+实训考试+学员考试,真是脑子都要爆炸。。。 话不多说,留个小知识点,HTML的空格替代符号表示法: 如有错误,请您指正~ 阅读全文

posted @ 2016-11-10 16:40 奔跑的铃铛 阅读(1513) 评论(0) 推荐(0)

HTML5新增元素、标签总结
摘要:总是遇到h5新标签的笔试题目,就查阅了资料来总结一下: 1.form相关: (1)form属性:在HTML5中表单元素可放在表单之外,通过给该元素添加form属性来指向目标表单(form属性值设为目标表单id)即可。 (2)formaction属性:HTML5给提交按钮(如button、submit 阅读全文

posted @ 2016-10-15 17:11 奔跑的铃铛 阅读(12880) 评论(0) 推荐(2)

js页面刷新之实现定时刷新(定时器,meta)
摘要:测试页面的代码见上一篇博客 接下来进入正题-定时不断刷新页面的方法: 1.看到定时,很容易想到js的定时器: 2.通过meta来设置: 如有错误,请您指正! 阅读全文

posted @ 2016-10-12 10:17 奔跑的铃铛 阅读(38594) 评论(0) 推荐(1)

网站换肤
摘要:网站换肤,之前感觉总是很神奇啊,今天就来总结一下。我写的就是两种思路。 首先都需要建一个css文件夹,里面存放不同颜色的css文件:blue.css; red.css; yellow.css; green.css 在这几个文件中分别写好要改变的样式。 接下来就是html文件,首先第一种思路:只写一个 阅读全文

posted @ 2016-10-10 10:22 奔跑的铃铛 阅读(1031) 评论(0) 推荐(0)

less文件转换为css文件
摘要:Less 是一门 CSS 预处理语言,它扩充了 CSS 语言,增加了诸如变量、混合(mixin)、函数等功能,让 CSS 更易维护、方便制作主题、扩充。 本文主要介绍less文件如何转化为css文件。 1.首先,你要确认你的电脑已经安装了node。 使用 npm 安装 lessc,命令行: npm 阅读全文

posted @ 2016-10-10 10:13 奔跑的铃铛 阅读(10328) 评论(0) 推荐(0)

img的hover事件闪动
摘要:今天给同学写一个相册照片鼠标浮动显示细节的效果,遇到了闪动的bug,也顺利解决,就写下来跟大家分享。 我使用的是‘标签:hover + 标签’的形式,如果使用jquery的mouseover、mouseout等事件,也可以参考此方法,原理一样。 分析:图片使用,然后使用div+span写入鼠标浮动要 阅读全文

posted @ 2016-10-10 10:05 奔跑的铃铛 阅读(11604) 评论(3) 推荐(0)