html+css
文章平均质量分 56
web加加
这个作者很懒,什么都没留下…
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
js设置rem 实现媒体查询(3)
js设置rem 实现媒体查询翻译 2022-12-27 11:16:04 · 240 阅读 · 0 评论 -
写静态页的小tips
1 阻止a标签的跳转 : 当点击a标签后 不需要跳转动作 会影响用户体验的时候 需要阻止 . 多种方法2 在遇到要定位一个盒子 与 背景图一样的时候 可以设置该盒子的背景色是transparent3 在网页设计中最好不使用定位 响应式布局会难控制 position一般多用于动画4在使用大图片的时候 最好都使用背景图 可以方便设置属性(定位 平铺方式)加载会快原创 2017-05-24 08:50:26 · 285 阅读 · 0 评论 -
拖放=>实现两个div内容互换
#div1 {float:left; width:100px; height:35px; margin:10px;padding:10px;border:1px solid #aaaaaa;} #div2 {float:left; width:200px; height:135px; margin:10px;padding:10px;borde转载 2017-06-05 14:31:06 · 955 阅读 · 1 评论 -
媒体查询及代码初始化
/* 媒体查询: 具备查询当前设备的能力 */ /*@media tv {*/ /*.container{*/ /*background-color: red;*/ /*}*/ /*}*/ /* 大屏的适配的 媒体查询代码 >1200px */ @media screen and (min-width:原创 2017-05-30 23:07:19 · 642 阅读 · 0 评论 -
获取页面的宽高
1 窗口的滚动事件 function scroll() { return { top: window.pageYOffset || document.documentElement.scrollTop || document.body.scrollTop || 0, left: window.pageXOffset |原创 2017-06-05 17:30:18 · 291 阅读 · 0 评论 -
浏览器的内核分别是什么?经常遇到的浏览器的兼容性有哪些?原因,解决方法是什么,常用hack的技巧 ? * IE浏览器的内核Trident、 Mozilla的Gecko、google的WebKi
浏览器的内核分别是什么?经常遇到的浏览器的兼容性有哪些?原因,解决方法是什么,常用hack的技巧 ? * IE浏览器的内核Trident、 Mozilla的Gecko、google的WebKit、Opera内核Presto; * png24为的图片在iE6浏览器上出现背景,解决方案是做成PNG8. * 浏览器默认的margin和padding不同。解决方案是加一个全局转载 2017-07-19 17:36:24 · 1484 阅读 · 0 评论 -
css如何让两个div高度一致
Document .box{ width: 200px; display:table; margin:0 auto; } .one{ width: 100px; background-color: pi转载 2017-09-15 14:19:39 · 6518 阅读 · 2 评论
分享