随笔分类 -  CSS

清除浮动的2中方式
摘要：.clear-fix::after { clear: both; content: ''; display: block; width: 0; height: 0; visibility: hidden; } .clear-fix { *zoom: 1; } .clear-fix::before, 阅读全文
posted @ 2020-08-21 10:22 佳琪欧尼 阅读(133) 评论(0) 推荐(0)
css rem
摘要：rem是什么？ 它的全称是 font size of the root element （根元素的字体大小）它是CSS3中新增加的一个尺寸（度量）单位，根节点（html）的font-size决定了rem的尺寸，也就是说它是一个相对单位，相对于(html)。 浏览器的默认字体？ 浏览器的默认的font 阅读全文
posted @ 2020-06-06 09:38 佳琪欧尼 阅读(270) 评论(0) 推荐(0)
table 会有默认的外边框，内部会有分割线
摘要：.表格中边框的显示 只显示上边框 只显示下边框 只显示左、右边框 只显示上、下边框 只显示左边框 只显示右边框 不显示任何边框 .表格的分隔线可以隐藏 可以隐藏横向的... 阅读全文
posted @ 2018-08-09 15:59 佳琪欧尼 阅读(1879) 评论(0) 推荐(0)
阿里字体图标使用方法
摘要：一、选择需要的图标，加入购物车 二、打开购物车，点击添加至项目 三、点击下载至本地 四、需要以下的文件 五、添加这些文件到项目中，记得检查iconfont.css中字体文件引用的路径是否正确 六、根据demo_xxx.html 中的使用方法来正确使用字体图标就ok啦 阅读全文
posted @ 2018-01-16 09:45 佳琪欧尼 阅读(475) 评论(0) 推荐(0)
网页添加tittle前的图标logo
摘要：在head标签中 注：图标的名字必须是 favicon.ico , 图标要放在网页的根目录下。 阅读全文
posted @ 2017-11-28 13:07 佳琪欧尼 阅读(275) 评论(0) 推荐(0)
图片充当li标签列表标志
摘要：默认情况下，浏览器使用一个黑圆圈作为列表标志，可以用图片取代它： 阅读全文
posted @ 2017-11-21 14:02 佳琪欧尼 阅读(384) 评论(0) 推荐(0)
flex布局以及相关属性
摘要：容器的属性： 父元素设置display：flex；子元素即可使用flex布局。 flex-direction 决定项目排列方向： row（默认值）：主轴为水平方向，起点在左端。 row-reverse：主轴为水平方向，起点在右端。 column：主轴为垂直方向，起点在上沿。 column-rever 阅读全文
posted @ 2017-11-20 13:24 佳琪欧尼 阅读(247) 评论(0) 推荐(0)
css 选择器
摘要：element element eg：div p (选择<div>元素内部所有的<p>元素） element>element eg：div>p （选择父元素为<div>元素的所有<p>元素） element+element eg：div+p （选择紧接在<div>元素之后的所有<p>元素） elem 阅读全文
posted @ 2017-11-17 14:54 佳琪欧尼 阅读(204) 评论(0) 推荐(0)
两侧定宽，中栏自适应布局
摘要：利用flex实现 阅读全文
posted @ 2017-11-17 11:37 佳琪欧尼 阅读(188) 评论(0) 推荐(0)
两列定宽，一列自适应布局
摘要：利用flex实现 利用float+margin实现 利用float+overflow实现 阅读全文
posted @ 2017-11-17 10:56 佳琪欧尼 阅读(167) 评论(0) 推荐(0)
左列定宽，右列自适应布局
摘要：利用float+margin实现 利用float+margin（fix）实现 利用float+overflow实现 阅读全文
posted @ 2017-11-17 10:35 佳琪欧尼 阅读(247) 评论(0) 推荐(0)
在移动端实现1px的边框
摘要：由于分辨率 DPI 的差异，高清手机屏上的 1px 实际上是由 2×2 个像素点来渲染，有的屏幕甚至用到了 3×3 个像素点 所以 border: 1px 在移动端会渲染为 2px 的边框 与设计图产生差异，并且没有那么美观。 两种解决方法： 一、transform:scale 使用伪类 :afte 阅读全文
posted @ 2017-11-02 17:29 佳琪欧尼 阅读(373) 评论(0) 推荐(0)
解决margin塌陷问题
摘要：父元素添加： 阅读全文
posted @ 2017-03-01 11:29 佳琪欧尼 阅读(212) 评论(0) 推荐(0)
水平垂直居中div（css3）
摘要：一、在需要居中的元素加上如下C3属性即可: 二、只要在父级元素上面加上这三句话就可以实现不定宽高水平垂直居中: 阅读全文
posted @ 2016-11-16 18:18 佳琪欧尼 阅读(283) 评论(0) 推荐(0)