CSS
文章平均质量分 55
css应用
英子的搬砖日志
人生就像超级玛丽,在你没加蘑菇之前,一个小王八就能整死你!
展开
-
CSS实现文字上下滚动、间歇滚动和无限滚动
主要记录了用CSS实现文字上下滚动、间歇滚动和无限滚动效果原创 2024-06-19 14:56:38 · 1492 阅读 · 0 评论 -
css文本溢出处理——单行、多行
主要介绍文本溢出时的处理方式及实现单行缩略、多行缩略、展开/收起文本功能。原创 2024-01-02 17:04:47 · 8847 阅读 · 2 评论 -
vue3项目引入animate.css教程
vue3使用animate.css教程原创 2021-12-02 11:03:56 · 3882 阅读 · 0 评论 -
移动端实现0.5px的实用方案
我们知道,理论上px的最小单位是1,但在设置px值时,直接设置0.5px不同浏览器的差异比较大,并且我们看到不同系统的不同浏览器对小数点的px有不同的处理。Chrome会把0.5px四舍五入变成了1px,把小于0.5px的当成0,Firefox会把不小于0.55px当成1px,Safari是把不小于0.75px当成1px。所以以下就总结了实现0.5px的实现方式。方案1: 伪元素+scale (兼容性最好,推荐)实现方式:给容器设置伪元素,设置绝对定位,宽高都是200%,边框是1px,然后使用trans原创 2021-04-12 19:49:11 · 4010 阅读 · 0 评论 -
小结在前端页面布局开发容易遇到的几个CSS问题
本文仅仅是针对于项目经验不足,在实际进行前端页面开发的时候,特别容易遇到的几个问题。问题一、box-sizing属性这是关于盒模型的问题,因为在某些情况下,需要对某些元素进行box-sizing的设置,刚开始我并没有想到是这个问题,直到在后续需要根据视觉设计稿调样式的时候,才发现意识可以用border-sizing布局。我们知道,通常在计算一个元素的宽高的时候:值 = width/he...原创 2018-08-21 17:37:14 · 1653 阅读 · 0 评论 -
CSS媒体查询使用小结
前言在实际项目中,总会遇到响应式布局的问题,如果未曾使用一些响应式UI框架的话,那么一般就会用媒体查询来实现响应式布局,由于遇到的实在太频繁了,所以我觉得还是有必要稍微进行一下总结的。首先我们需要了解到的一点是,使用媒体查询这种方式,当重置浏览器大小的过程中,页面就会根据浏览器的宽度和高度重新渲染页面。一、关于meta在使用媒体查询之前,需要先使用<meta> 设置,来...原创 2018-08-13 15:01:06 · 2635 阅读 · 0 评论 -
居中布局:水平居中 + 垂直居中 + 水平垂直居中
布局:5种水平居中 + 3种垂直居中 + 3种水平垂直居中原创 2017-08-03 19:49:07 · 1092 阅读 · 0 评论 -
css3实现三角形、扇形和特殊的形状等
css3实现三角形、扇形和特殊的形状等原创 2017-09-11 16:40:30 · 6579 阅读 · 0 评论 -
布局:三栏布局(7种方法)
本文就三栏布局而言,介绍了7种实现的方案。实现效果: 左右栏定宽,中间栏自适应原创 2017-08-10 16:03:47 · 19541 阅读 · 3 评论 -
多列布局:定宽+自适应,不定宽+自适应,等宽布局,等高布局
多列布局:定宽+自适应,不定宽+自适应,等宽布局,等高布局原创 2017-08-09 10:29:20 · 3928 阅读 · 1 评论 -
CSS Sprite 学习笔记
CSS Sprite 译为图片精灵,由称“雪碧图”,是一种网页图片应用的处理方式,简单来说就是把几张图拼成一张图而已。它提供了一种把很多小图片拼成一张大图片的,从而在低并发的浏览器上达到快速传输并呈现内容的目的原创 2017-07-20 20:11:23 · 590 阅读 · 0 评论 -
瀑布流布局
瀑布流布局瀑布流,又称瀑布流式布局。特点:等宽不等高,第二行的第一张图片要加载到第一行中最矮的图片的下面。原创 2017-06-22 13:07:08 · 729 阅读 · 0 评论 -
详解CSS3中新增的内容属性:content
详解CSS3中新增的内容属性:content1. 用法:content属性用于插入生成的内容,常和:before选择器和:after选择器配合使用,将生成的内容放在一个元素内容的前面或后面。2. 基本语法:content: normal | string | attr() | uri() | counter()说明:normal : 默认值。string : 查入文本的内容,一般是一个字符串。原创 2017-04-21 20:09:55 · 10141 阅读 · 0 评论 -
CSS3新增的弹性盒模型(Flexible Box)属性
CSS3新增的弹性盒模型(Flexible Box)原创 2017-04-02 22:16:16 · 2413 阅读 · 0 评论 -
理解CSS中的BFC
理解CSS中的BFCBFC 定义BFC布局规则会生成BFC的元素 BFC的应用原创 2017-03-30 16:10:03 · 491 阅读 · 0 评论 -
CSS的盒模型
CSS的盒模型(1)内边距呈现了元素的背景。 (2)外边距默认是透明的,因此不会遮挡其后的任何元素。 (3)背景应用于由内容和内边距、边框组成的区域。 (4)增加内边距、边框和外边距不会影响内容区域的尺寸,但是会增加元素框的总尺寸。原创 2017-03-27 22:25:07 · 292 阅读 · 0 评论