随笔分类 -  Css

摘要：先看下我们要实现效果 这个效果 是我们移动页面上经常遇到的，通常我们实现这种效果都是使用浮动，但是高度不同时会出现一个问题，就是高度低的会出现坍陷效果; 如何解决呢，我们可以给每个列表项设置一个最小高度实现效果，但是这种方法不是很好，所以我们采用清除浮动的方法来解决问题，也就是清除每一行的第一个项受 阅读全文

摘要：径向渐变：radial-gradient(形状 | 渐变半径的参考边、角 | at 径变的中心，[径变颜色 | 经变半径]?); 1)、形状： 圆形 circle 、椭圆 ellipse 2)、参考 边、角 3)、渐变中心 (就是圆心点) 写法： at center 、at left、at righ 阅读全文

摘要：例子1： 1-- 浮动元素在后面 1> 前面是块级元素 则浮动元素会另起一行一直向浮动方向偏移，直到遇到包裹元素内外边界 受害者 破坏者 受害者 破坏者 2> 前面是行内元素 则浮动元素会偏移到行内元素前面，造成一种行内元素包裹浮动元素的效果 受害者 破坏者 受害者 破坏者 2-- 浮动元素在前面 阅读全文

摘要：浮动float 多次练习测试， 主动元素会对后面的元素造成一定的影响(2016-6-10) 1. 使得行内元素 沿着主动元素的方向靠近， 2.是的块级元素，横穿主动元素，但内的内容不会穿越 ，造成包裹主动元素的现象！ 阅读全文

摘要：1、清除浮动：清除浮动就是清除上一元素，浮动对自己和下面元素的影响； 2、闭合浮动：与(清除浮动)比闭合浮动，仍然对其后面的元素造成影响，其闭合效果就是指本事的物理位置还是真实存在；会对后面元素造成阻碍影响！ 相关html代码如下： 相关CSS代码如下： 当我把p.p1处的clear:both; 注 阅读全文

摘要：下面有俩个border格式，效果图如下：正反 上面效果不难看出来 伪类部分被border(top right bottom left)分成了4个部分，分别有4个颜色显示，如果要实现三角形只需把其他3面的颜色值设置成transparent即可 这里伪类必须相对父级定位 不然left right不... 阅读全文

摘要：rem的使用 定义：rem的大小有根元素html中的font-size决定，例如html{font-size:20px;},那么1rem=20px或者1px=1/20rem; 使用：实现不同屏幕尺寸等比例缩放方法一般有俩种，第一种：根据“媒体查询”法，设置不同屏幕大小的html字号；第二种：使用js 阅读全文