web前端-CSS
DecadentF
自力更生,丰衣足食。
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
前端常备知识点——HTML及CSS
一、块级元素及行内元素概念:块级元素: 总是独占一行,将后面的元素挤到新的一行。行内元素: 紧挨着显示,不会自动换行。特性:块级元素: 可以设置宽高、内边距、外边距。可以包含块级元素和行内元素。行内元素: 不可设置宽高(img、input、select、button、textarea等除外),设置内边距、外边距只对左右起作用。只可包含行内元素和文字。因此将块级元素设为行内元素时...原创 2020-04-03 15:25:31 · 398 阅读 · 0 评论 -
web实现小说阅读器的水平滑动翻页
大致效果:https://codepen.io/Wangxixi/pen/yWbKdg主要使用的是CSS3的column属性,这个属性用于多列布局。容器属性1、column-width语法: column-width: auto | length 定义为每一列的最小宽度 2、column-count语法: column-count: aut...原创 2019-05-30 14:46:27 · 4371 阅读 · 0 评论 -
CSS一行及多行超出省略
text-overflow: ellipsis;没有使溢出部分省略,而是换到下一行,是因为要配合overflow: hidden;white-space: nowrap;属性一起使用若要使文本超出2行省略,则要设置css为:overflow:hidden;text-overflow:ellipsis;display: -webkit-box; 设为...原创 2019-04-01 16:09:53 · 341 阅读 · 0 评论 -
CSS实现滑动吸顶功能
首先先上效果图,来筛选需要学习的同伴(驱逐,大佬退散!!!)因为这个需求是公司微信小程序里提出来的,所以我就直接使用小程序来演示了,没学过小程序的同僚不用担心,因为小程序它的语法基本上就是我们前端语法。接下来就是我们的核心实现了:.item-id{ position: sticky; top: 0;}没错,就是这么两行CSS代码,一行js代码都不需要,开...原创 2019-04-01 17:44:20 · 7472 阅读 · 0 评论
分享