随笔分类 - CSS
摘要:.clear-fix::after { clear: both; content: ''; display: block; width: 0; height: 0; visibility: hidden; } .clear-fix { *zoom: 1; } .clear-fix::before,
阅读全文
摘要:rem是什么? 它的全称是 font size of the root element (根元素的字体大小)它是CSS3中新增加的一个尺寸(度量)单位,根节点(html)的font-size决定了rem的尺寸,也就是说它是一个相对单位,相对于(html)。 浏览器的默认字体? 浏览器的默认的font
阅读全文
摘要:.表格中边框的显示 只显示上边框 只显示下边框 只显示左、右边框 只显示上、下边框 只显示左边框 只显示右边框 不显示任何边框 .表格的分隔线可以隐藏 可以隐藏横向的...
阅读全文
摘要:一、选择需要的图标,加入购物车 二、打开购物车,点击添加至项目 三、点击下载至本地 四、需要以下的文件 五、添加这些文件到项目中,记得检查iconfont.css中字体文件引用的路径是否正确 六、根据demo_xxx.html 中的使用方法来正确使用字体图标就ok啦
阅读全文
摘要:在head标签中 注:图标的名字必须是 favicon.ico , 图标要放在网页的根目录下。
阅读全文
摘要:默认情况下,浏览器使用一个黑圆圈作为列表标志,可以用图片取代它:
阅读全文
摘要:容器的属性: 父元素设置display:flex;子元素即可使用flex布局。 flex-direction 决定项目排列方向: row(默认值):主轴为水平方向,起点在左端。 row-reverse:主轴为水平方向,起点在右端。 column:主轴为垂直方向,起点在上沿。 column-rever
阅读全文
摘要:element element eg:div p (选择<div>元素内部所有的<p>元素) element>element eg:div>p (选择父元素为<div>元素的所有<p>元素) element+element eg:div+p (选择紧接在<div>元素之后的所有<p>元素) elem
阅读全文
摘要:利用flex实现 利用float+margin实现 利用float+overflow实现
阅读全文
摘要:利用float+margin实现 利用float+margin(fix)实现 利用float+overflow实现
阅读全文
摘要:由于分辨率 DPI 的差异,高清手机屏上的 1px 实际上是由 2×2 个像素点来渲染,有的屏幕甚至用到了 3×3 个像素点 所以 border: 1px 在移动端会渲染为 2px 的边框 与设计图产生差异,并且没有那么美观。 两种解决方法: 一、transform:scale 使用伪类 :afte
阅读全文
摘要:一、在需要居中的元素加上如下C3属性即可: 二、只要在父级元素上面加上这三句话就可以实现不定宽高水平垂直居中:
阅读全文

浙公网安备 33010602011771号