自转不息 - 博客园

2017年8月18日

摘要：两种方法一种是用background:rgba(0, 0, 0, 0.5),兼容性只支持IE8往上另一种方法使用透明度要考虑IE8往下可以用这个：阅读全文

posted @ 2017-08-18 22:12 自转不息阅读(224) 评论(0) 推荐(0) 编辑

摘要：现在很多网站的Banner图片都是全屏宽度的，这样的网站看起来显得很大气。这种Banner一般都是做一张很大的图片，然后在不同分辨率下都是显示图片的中间部分。实现方法如下：把css中 .bannerbox 中 height 及 .banner 和 width 换成你banner图的大小，然后 .b 阅读全文

posted @ 2017-08-18 16:00 自转不息阅读(454) 评论(0) 推荐(0) 编辑

转载 | 防止页面图片过大出现横滚动条问题

摘要： - JS方法 - 就是一小段JS加到页面中就可以，下面把这段代码贴出来： - CSS方法 - 一、防止图片撑破DIV方法一原始处理方法是将要展示的图片进行处理。比如你的DIV宽度为500px（像素），那你上传的图片或放入网页的图片宽度就要小于500px，也就是你图片需要图片软件剪切、等比例缩小方法阅读全文

posted @ 2017-08-18 09:42 自转不息阅读(1541) 评论(0) 推荐(0) 编辑

2017年8月16日

转载 | CSS实现单行、多行文本溢出显示省略号（…）

摘要：本文引自：https://www.cnblogs.com/wyaocn/p/5830364.html 首先，要知道css的三条属性。 overflow:hidden; //超出的文本隐藏 text-overflow:ellipsis; //溢出用省略号显示 white-space:nowrap; / 阅读全文

posted @ 2017-08-16 15:56 自转不息阅读(242) 评论(0) 推荐(0) 编辑

2017年8月1日

css常用代码块

摘要：顶部固定导航栏 | css 内边距累加消除 | css 阅读全文

posted @ 2017-08-01 20:26 自转不息阅读(570) 评论(0) 推荐(0) 编辑

转载 | float 清除浮动的7种方法

摘要：什么叫浮动：浮动会使当前标签脱离文档流，产生上浮的效果，同时还会影响周边元素（前后标签）及父级元素的位置和width，height属性。下面用一个小例子来看一看浮动的全过程：1.首先我们新建一个网页，在网页中用div元素创建三个小的正方形，为了区别分别给他们不同的ID值和背景颜色，代码如下为了方便阅读全文

posted @ 2017-08-01 09:51 自转不息阅读(320) 评论(0) 推荐(0) 编辑

2017年7月31日

转载 | CSS图片下面产生间隙的 6种解决方案

摘要：在进行页面的DIV+CSS排版时，遇到IE6（当然有时Firefox下也会偶遇）浏览器中的图片元素img下出现多余空白的问题绝对是常见的对於该问题的解决方法也是「见机行事」，根据原因的不同要用不同的解决方法，这里把解决直接把解决image图片布局下边的多余空隙的BUG的常用方法归纳，供大家参考。阅读全文

posted @ 2017-07-31 09:53 自转不息阅读(232) 评论(0) 推荐(0) 编辑

2017年7月19日

（转载）内联元素设置宽高问题

摘要： block元素的特点：总是在新行上开始；此元素将显示为块级元素，此元素前后会带有换行符。高度，行高以及顶和底边距都可控制；宽度缺省是它的容器的100%，除非设定一个宽度。可以控制宽高。 <div>, <p>, <h1>, <form>, <ul> 和 <li>是块元素的例子。 inline元素的阅读全文

posted @ 2017-07-19 14:09 自转不息阅读(3035) 评论(0) 推荐(0) 编辑

2017年6月20日

HTML/CSS：display:flex 布局教程

摘要：网页布局（layout）是 CSS 的一个重点应用。布局的传统解决方案，基于盒状模型，依赖 display 属性 + position属性 + float属性。它对于那些特殊布局非常不方便，比如，垂直居中就不容易实现。 2009年，W3C 提出了一种新的方案 Flex 布局，可以简便、完整、响应式阅读全文

posted @ 2017-06-20 16:43 自转不息阅读(1284) 评论(0) 推荐(0) 编辑

2017年6月15日

HTML/CSS：block，inline和inline-block概念和区别

摘要：总体概念常见的块级元素有 DIV, FORM, TABLE, P, PRE, H1~H6, DL, OL, UL 等。常见的内联元素有 SPAN, A, STRONG, EM, LABEL, INPUT, SELECT, TEXTAREA, IMG, BR 等。 block，inline和inl 阅读全文

posted @ 2017-06-15 17:23 自转不息阅读(1071) 评论(0) 推荐(0) 编辑