上一页 1 2 3 4 5 6 7 ··· 14 下一页
2018年7月18日
响应式图片
摘要： 响应式图像： 在下面的代码中，可以看到img-responsive class为图像赋予了max-width:100%;和height:auto;属性，可以让图像按比例缩放，不超过其父元素的尺寸。 此例子的图片大小是：279*203px-- 1,当图片的父元素大于图片的大小时：如下 此时图片以自己的 阅读全文
posted @ 2018-07-18 17:35 千寻的天空之城 阅读(193) 评论(0) 推荐(0) 编辑
布局(3)：图片列表布局
摘要： 我真的菜啊，很少写布局这方面的，最近写公司的官网真的觉得自己好弱啊，不过同时也学习了大量的知识，学过不总结，跟咸鱼有啥区别！ 两种常用的切图方案： 1，float布局 2，display:inline-block布局。 例如这3行3列的图片列表为例子介绍两种常用的切图方案： 一，float布局 ht 阅读全文
posted @ 2018-07-18 16:31 千寻的天空之城 阅读(681) 评论(0) 推荐(0) 编辑
2018年7月6日
css最佳实践
摘要： 一，设置文字不可见 二，給css样式定义排序 1，显示与浮动（display,float） 2,定位(position) 3,尺寸，（width.height,padding,margin,border,outline） 4,字体样式（font-size） 5，背景(background) 推荐一个 阅读全文
posted @ 2018-07-06 10:01 千寻的天空之城 阅读(137) 评论(0) 推荐(0) 编辑
2018年7月5日
HTML最佳实践
摘要： 一，HTML最佳实践 1，在构建页面的时候，经常会要添加图片，但是图片是以<img>元素存在？还是背景图方式存在？ 答：如果图片是作为页面内容的一部分，则应该使用<img>元素，如果图片是起装饰作用，则应该使用背景图方式。 2，给空标签中添加隐藏文字，用于说明标签的实际功能（一般设置text-ind 阅读全文
posted @ 2018-07-05 23:21 千寻的天空之城 阅读(456) 评论(0) 推荐(0) 编辑
响应式导航
摘要： 1，利用bootstrap来实现响应式的导航条 bootstrap中的导航组件都依赖同一个.nav类，状态类也是共用的。 要实现一个导航条在移动设备上可以折叠（并且可开可关），且在视口（viewport）宽度增加时逐渐变为水平展开模式。 导航条内所包含元素溢出 由于 Bootstrap 并不知道你在 阅读全文
posted @ 2018-07-05 14:42 千寻的天空之城 阅读(756) 评论(0) 推荐(0) 编辑
网页预加载层效果（二）
摘要： Title 我是遮罩层下面的内容 阅读全文
posted @ 2018-07-05 11:22 千寻的天空之城 阅读(330) 评论(0) 推荐(0) 编辑
Bootstrap 滚动监听（Scrollspy）插件（一）
摘要： 1，网页要实现的效果 ，会根据滚动条的位置自动更新对应的导航目标 1，滚动监听（Scrollspy）插件，即自动更新导航插件。会根据滚动条的位置自动更新对应的导航目标其基本的实现是随着您的滚动，基于滚动条的位置向导航栏添加 .active class。 如果您想要单独引用该插件的功能，那么您需要引用 阅读全文
posted @ 2018-07-05 10:40 千寻的天空之城 阅读(576) 评论(0) 推荐(0) 编辑
2018年6月27日
关于html中img的一些知识点
摘要： <img> 标签的 height 和 width 属性设置图像的尺寸。 响应式图像 div或img图片高度随宽度自适应 例子，这个图像的大小是150px*150px。现在我们让他自适应于父级元素box的大小 html： css清单: 阅读全文
posted @ 2018-06-27 16:44 千寻的天空之城 阅读(225) 评论(0) 推荐(0) 编辑
2018年5月31日
解决google模拟手机浏览器，鼠标指针消失的问题
摘要： 具体做法：打开intel显卡设置页面，进入显示器，一边设置，将量化范围从"默认范围"改为“全范围”，即可解决。 阅读全文
posted @ 2018-05-31 09:52 千寻的天空之城 阅读(1508) 评论(0) 推荐(0) 编辑
2018年5月17日
上滑加载
摘要： ！！！ 阅读全文
posted @ 2018-05-17 16:48 千寻的天空之城 阅读(135) 评论(0) 推荐(0) 编辑
上一页 1 2 3 4 5 6 7 ··· 14 下一页