随笔分类 -  css

字体图标的用法总结
摘要：1：图标有哪些格式，什么是字体图标？ 传统图标采用图片格式，有bmp，jpg，gif，png等文件格式；字体图标采用 svg 矢量图片格式 图标全部采用字体格式 可以使用color，font size...，改变图标的颜色，大小等样式 2：字体图标实现方式分为哪几类？ font+html 实现字体图 阅读全文
posted @ 2019-06-16 00:07 暮雪&&如霜 阅读(1666) 评论(0) 推荐(0)
伪元素的妙用
摘要：一：对勾 阅读全文
posted @ 2019-06-07 16:14 暮雪&&如霜 阅读(129) 评论(0) 推荐(0)
六种方法实现CSS三栏布局
摘要：方法一：浮动+margin 实现方法：左栏向左浮动，右栏向右浮动，中间栏不设宽度，用左右margin来撑开距离。 注意：该方法在html布局时，要把中间栏放在左栏，右栏的后面，左栏和右栏的顺序不定。这就导致主列所显示的主页面无法率先加载，影响用户体验。 方法二：绝对定位法 实现方法：左栏，右栏绝对定 阅读全文
posted @ 2019-05-17 13:50 暮雪&&如霜 阅读(424) 评论(0) 推荐(0)
css解决图片拉伸问题
摘要：在实际场景中，我们经常会遇到图片大小固定的需求，但是由于原始图片大小，比例不一样，不同图片以相同的大小展示会参差不齐。解决方法就是 或者 属性。他们的区别是前者用于指定 "可替换元素" 的内容应该如何适应到其使用的高度和宽度确定的框，后者用于规定背景图像的尺寸。关于各自的属性值可看MDN文档，经常用 阅读全文
posted @ 2019-04-15 22:33 暮雪&&如霜 阅读(3654) 评论(0) 推荐(0)
css解决内联元素间的空白间隔
摘要：在内联元素的父级元素上设置font size: 0px;即可。例如： 阅读全文
posted @ 2019-04-11 20:22 暮雪&&如霜 阅读(655) 评论(0) 推荐(0)
css实现弹出框
摘要：弹出框也是前端里面经常使用的一个应用场景了，最开始想到的是用js实现这个效果，看到codepen上面有用css实现的。其实就是用到了css里面的一个:target选择器+visibility属性。 URL 带有后面跟有锚名称 ，指向文档内某个具体的元素。这个被链接的元素就是目标元素(target e 阅读全文
posted @ 2019-01-17 01:22 暮雪&&如霜 阅读(3872) 评论(0) 推荐(0)
关于文件上传
摘要：使用伪元素给文件上传控件改变样式 IE10+浏览器使用的是:: ms browse伪元素，可以改变按钮模样部分的边框、背景色、高度等，Chrome下使用的伪元素为:: webkit file upload button。 html body css样式 不使用伪元素给文件上传控件改变样式 html 阅读全文
posted @ 2019-01-15 15:37 暮雪&&如霜 阅读(175) 评论(0) 推荐(0)
css实现文本溢出显示省略号
摘要：看到很多网站上的文章列表只显示一部分，之后就是一个阅读全文链接，或者是以一个省略号结尾。今天就说说单行文本，多行文本溢出时怎么显示省略号？ 单行 多行 刚刚看了下简书首页文章列表里面，li里面就有...，而我这样写是没有的，只是显示出来有省略号，所以我觉得可以截取固定字数再加一个省略号作为li标签里 阅读全文
posted @ 2018-12-26 20:03 暮雪&&如霜 阅读(189) 评论(0) 推荐(0)
css之文本两端对齐
摘要：在进行网页设计时，我们经常会看到这样的样式：文本两端对齐。 css为我们提供了一个属性可以实现这样的效果：text align: justify。不过这个只能用来设置多行文本（除最后一行）。如果只有单行的话，是不起效果的。那怎么办呢？这里有两种解决方案： 第一种 借助伪元素或者内联元素使文本不是最后 阅读全文
posted @ 2018-12-26 16:08 暮雪&&如霜 阅读(652) 评论(0) 推荐(0)
semantic ui框架学习笔记三
摘要：网格系统 基本网格 网格将水平空间划分为不可分割的单元，称为“列”。网格中的所有列必须指定其宽度作为总宽度的比例。所有网格系统每行有任意列，Semantic 默认主题有 16 列.默认是one wide。可自己指定每一列站多少wide。当不给网格指定行时，行是“隐式的”，当前面没有更多的空间时，自动 阅读全文
posted @ 2018-12-24 22:39 暮雪&&如霜 阅读(1097) 评论(0) 推荐(0)
semantic ui框架学习笔记二
摘要：评论组件 文档里的评论组件介绍的比较清晰。这里我就挑一个我喜欢的格式展示出来： 我这里展示的是可以包含表单来回复评论的基本评论组件。 轨道 轨道是用来显示站点的主视图以外伴随的内容，轨道经常在你网站主视窗有滚动内容时，和 sticky 一起使用，以把内容固定在相对位置性伴随滚动条的移动。Semant 阅读全文
posted @ 2018-12-23 21:52 暮雪&&如霜 阅读(931) 评论(0) 推荐(0)
semantic ui框架学习笔记一
摘要：面包屑导航 面包屑导航经常用于多个栏目下的内容管理，是web页面里比较常用的组合。例如： 如果想用箭头表示层级关系的话，要注意把themes文件夹放在css文件夹下。 尺寸 在父div上加上mini，tiny，small，large，big，huge，massive就可以实现你想要的大小了。 表单 阅读全文
posted @ 2018-12-22 19:05 暮雪&&如霜 阅读(3435) 评论(0) 推荐(0)