CSS
文章平均质量分 50
星空下的嗳
爱生活,爱前端
展开
-
css实现元素的垂直居中
在之前做的几套笔试题中,经常会看到如何让元素实现垂直居中的问题,今天我们来看一下,如何实现一个元素的垂直居中。一、单行文本在固定高度的父元素中的垂直居中这个比较简单,只需要给父元素加上line-height样式即可,值与父元素的height值相等即可。但是局限性也比较大,只能是但行文本。如图:二、块级元素在父元素中的垂直居中这种情况下稍微麻烦一点,不过办法还是有的c原创 2016-08-15 17:01:35 · 400 阅读 · 0 评论 -
网页性能管理详解
你遇到过性能很差的网页吗?这种网页响应非常缓慢,占用大量的CPU和内存,浏览起来常常有卡顿,页面的动画效果也不流畅。你会有什么反应?我猜想,大多数用户会关闭这个页面,改为访问其他网站。作为一个开发者,肯定不愿意看到这种情况,那么怎样才能提高性能呢?本文将详细介绍性能问题的出现原因,以及解决方法。一、网页生成的过程要理解网页性能为什么不好,就要了解网页是怎么生成的。网...转载 2019-02-15 17:38:58 · 181 阅读 · 0 评论 -
用CSS控制文本显示行数
在平时做项目中,经常会碰到这样的需求,文本最多显示几行,其余用省略号...代替下面的less代码即可实现.t-ellipsis(@lines){ overflow:hidden; text-overflow: ellipsis; display: box; display: -webkit-box; ...原创 2018-08-16 16:36:55 · 8989 阅读 · 0 评论 -
CSS的background简写方式
在CSS2.1里,background属性的简写方式包含五种属性值,从CSS3开始,又增加了3个新的属性值,加起来一共8个。CSS2.1background-color 使用的背景颜色。 background-image 使用的背景图像。 background-repeat 如何重复背景图像。 background-attachment 背景图像是否固定或者随着页面的其余部分滚动。...转载 2018-07-26 17:14:48 · 9936 阅读 · 1 评论 -
CSS技巧(一):背景与边框
CSS技巧(一):背景与边框转载 2017-03-30 18:49:28 · 3818 阅读 · 0 评论 -
CSS技巧(二):形状
CSS技巧(二):形状转载 2017-03-30 18:47:55 · 836 阅读 · 0 评论 -
谈谈一些有趣的CSS题目(十四)-- 纯 CSS 方式实现 CSS 动画的暂停与播放!
谈谈一些有趣的CSS题目(十四)-- 纯 CSS 方式实现 CSS 动画的暂停与播放!转载 2017-03-30 18:38:03 · 538 阅读 · 0 评论 -
元素在当前屏幕垂直、水平居中
元素在当前屏幕垂直、水平居中原创 2017-03-28 09:40:29 · 2135 阅读 · 1 评论 -
Flex 布局教程:语法篇
Flex 布局教程:语法篇转载 2017-03-27 17:01:29 · 225 阅读 · 0 评论 -
史上最全的CSS hack方式一览
史上最全的CSS hack方式一览转载 2017-02-13 14:35:02 · 225 阅读 · 0 评论 -
CSS3高级选择器用法
CSS3高级选择器用法介绍原创 2016-08-24 17:16:49 · 11947 阅读 · 0 评论 -
CSS3动画简单应用
CSS3动画的简单应用原创 2016-08-22 15:00:25 · 489 阅读 · 0 评论 -
修改input输入框的样式
我们在写表单的时候,经常需要自定义表单的样式,当然input输入框也不例外,那么如何能写出好看一点的输入框呢?下面我们来写个简单的表单<form action="" method="get"> <div class="input_control"> <input type="text" class="form_input" pl...原创 2016-08-08 10:51:02 · 120433 阅读 · 6 评论 -
网页聚焦时被键盘推上去下不来了
问题描述:页面输入框聚焦时,网页被键盘推上去了,但是失去焦点时页面停在原地没有下来,在微信浏览器及搜狗浏览器都有这个问题,苹果自带的Safari浏览器没有这个问题问题如下图解决办法:在输入框失去焦点的时候,将scrollTop设为0即可document.body.scrollTop = 0;...原创 2019-04-12 13:55:08 · 958 阅读 · 0 评论