随笔分类 -  CSS

【转载】如何让图片按比例响应式缩放、并自动裁剪的css技巧
摘要：原文： http://blog.csdn.net/oulihong123/article/details/54601030 响应式网站、移动端页面在DIV CSS布局中对于图片列表或图片排版时， 如果想要图片按比例缩放， 最简单的就是把img宽度设为100%， 不设置高度，高度就会自动跟着高度缩放 阅读全文
posted @ 2017-09-28 15:04 雷明nice 阅读(2628) 评论(0) 推荐(5)
css文字环绕图片--遇到的问题及解决方法
摘要：一、前言 需要实现一个文字环绕图片的效果，心想so easy嘛。 1）代码部分 2）效果图 很容易就出来想要的效果了。最关键的代码：对图片进行左浮动就可以了，这不是挺简单的嘛。 二、遇到的问题 当把中间的文字替换成连续的英文字母时，出现问题了，如图 于是查找相关资料，测试结果后发现： 浏览器默认解析 阅读全文
posted @ 2016-04-26 11:15 雷明nice 阅读(32784) 评论(2) 推荐(2)
CSS--布局模型，颜色值，长度值
摘要：目录 布局模型 流动模型（Flow） 浮动模型 (Float) 层模型（Layer） 颜色值 长度值 一、布局模型 网页布局模型：个人理解，就是对html中各个元素进行一个排列。而排列的方法可以分为三种：流动模型、浮动模型、层模型。 二、流动模型 这是网页默认情况的布局模式。 特征： 三、浮动模型 阅读全文
posted @ 2016-03-24 10:57 雷明nice 阅读(779) 评论(0) 推荐(0)
CSS--盒子模型详解
摘要：目录 图解 盒模型尺寸基准 使用浏览器的开发者工具，查看元素高(宽)度时，遇到的问题 一、图解 说明：由内而外依次是content、padding（内边距）、border（边框）、margin（外边距）。 举个例子：一个快递车里放了许多快递包裹（盒子包装的），每个包裹里面又放了不同的东西。 cont 阅读全文
posted @ 2016-03-23 20:33 雷明nice 阅读(1958) 评论(0) 推荐(0)
CSS选择器详解
摘要：目录 CSS选择器 CSS层叠 CSS继承 样式优先级机制 一、CSS选择器？ 选择鼠标指针位于其上的链接。 提示: :hover 选择器器可用于所有元素，不仅是链接。 匹配被用户激活的链接--用户按下按键未松开时的状态。 为了产生预期的效果，以上四个选择器必须得按照先后顺序排列 :link — : 阅读全文
posted @ 2016-03-03 15:42 雷明nice 阅读(1538) 评论(0) 推荐(2)
css笔记
摘要：1、根据 CSS，子元素从父元素继承属性。2、后代选择器（包含选择器）：当前元素的所有子级3、子元素选择器（当前元素下的子级）： >4、相邻兄弟选择器（+）5、id区分大小写6、类名不能以数字开头7、属性选择器： [属性名=属性值]8、background-image: url(/i/eg_bg_0 阅读全文
posted @ 2015-12-07 17:56 雷明nice 阅读(247) 评论(0) 推荐(0)