随笔分类 -  CSS

摘要:如何用一行CSS实现10种现代布局 本文重点介绍一些强大的css代码行,他们能执行一些繁重的工作并帮助我们构建强大的现代布局。 Demo示例 现代CSS布局使开发人员只需要几行代码就可以编写十分有意义且强大的样式规则。接下来的文章研究了10种强大的CSS布局,它们实现了一些非凡的工作。 01.超级居 阅读全文
posted @ 2022-11-22 21:54 程序员小明1024 阅读(227) 评论(0) 推荐(0) 编辑
摘要:前言 接触写博客有一段时间了,都是边学边学着写,但总感觉写的凌乱,想起啥写啥。这几天在刷红宝书,收获还是蛮多的,决定结合自己的学习,写一个系列,我叫它 「前端料包」,旨在巩固前端基础,努力提升自己,同时也乐于做一个分享者。这个系列包括但不限于下面脑图中的内容,目录和发文顺序暂且如下图,今天带来的是第 阅读全文
posted @ 2022-10-06 18:55 程序员小明1024 阅读(52) 评论(0) 推荐(0) 编辑
摘要:本文的每一条,都是我曾经发过的掘金沸点,其中有很多条超过了百赞(窃喜)。 鉴于时不时有童鞋翻我以前的沸点,因此,本文收集了个人目前发过的所有CSS知识点动图,以便阅读。 需要说明的是,顺序仍是按当时发布顺序罗列的,还没有系统的总结,多多包涵。 另外这里,老姚谢谢各位一如既往的支持。😘😘😘 01 阅读全文
posted @ 2022-07-17 01:09 程序员小明1024 阅读(30) 评论(0) 推荐(0) 编辑
摘要:前端开发博客 无论是实际开发中,亦或者是求职面试中,css 垂直居中往往都是一个绕不开的话题,其中不乏有许多面试者在多次双重尝受打击之后,而没有一个很好的反击点,刚好结合自己以前受的委屈和痛苦,来给大家一个锤爆面试官大佬们的机会。 其实垂直居中主要分为了两种类型:居中元素宽高已知 和 居中元素宽高未 阅读全文
posted @ 2021-12-27 23:00 程序员小明1024 阅读(228) 评论(0) 推荐(0) 编辑
摘要:原文:https://segmentfault.com/a/1190000013966650 1 水平居中 1.1 内联元素水平居中 利用 text-align: center 可以实现在块级元素内部的内联元素水平居中。此方法对内联元素(inline), 内联块(inline-block), 内联表 阅读全文
posted @ 2021-08-01 03:22 程序员小明1024 阅读(64) 评论(0) 推荐(0) 编辑
摘要:代码样式 package com.konglx.service; import com.konglx.bean.User; public interface UserService { public User getUserById(int userId); } 阅读全文
posted @ 2019-11-10 12:19 程序员小明1024 阅读(345) 评论(0) 推荐(0) 编辑
摘要:默认 < 类型 < class < id < style(行间) <important !important 提升样式优先级权重 阅读全文
posted @ 2019-02-14 15:58 程序员小明1024 阅读(511) 评论(0) 推荐(0) 编辑
摘要:select { border: 0; display: block; position: relative; min-height: 1.146667rem; line-height: 1.146667rem; white-space: nowrap; width: 100%; overflow: 阅读全文
posted @ 2018-11-24 13:49 程序员小明1024 阅读(1083) 评论(0) 推荐(0) 编辑
摘要:<style type="text/css"> .mainDiv{ background-image:linear-gradient(-179deg,#F23030 0%,#F4F4F4 95%); } </style> 阅读全文
posted @ 2018-04-06 20:58 程序员小明1024 阅读(276) 评论(0) 推荐(0) 编辑