CSS基础
13篇文章 · 0订阅
  • 彻底搞定vertical-align垂直居中不起作用疑难杂症
    原本我的文章标题是深入探讨line-height与vertical-align的疑难杂症，但这样似乎没能针对性的抛出一个问题，故改成“彻底搞定vertical-align垂直居中不起作用疑难杂症”。因此，本文讲解的还是line-height和vertical-align。至于各…
    CSS
  • 你知道我们平时在CSS中写的%都是相对于谁吗？
    在我们编写CSS的时候，经常会用到百分比赋值（%）实现自适应。像我们最常使用的流式布局设计模式，基本所有的column的宽度都是通过%来取值的。或者比如经常会遇到的元素水平垂直居中问题，我们常常会使用下面这样的CSS代码加以实现（absolute+transform思路）： 大…
    CSS 前端 设计模式
  • 【基础】这15种CSS居中的方式，你都用过哪几种？
    CSS居中是前端工程师经常要面对的问题，也是基本技能之一。今天有时间把CSS居中的方案汇编整理了一下，目前包括水平居中，垂直居中及水平垂直居中方案共15种。如有漏掉的，还会陆续的补充进来，算做是一个备忘录吧。
    CSS
    【基础】这15种CSS居中的方式，你都用过哪几种？
  • 《css世界》的那些实用技巧
    下面所有的内容都来至张鑫旭所著的《css世界》。 《css世界》这是一本专门写css的书，书中并没有涉及css3的知识，但是它所展现的东西很多都是我从未知道或以前未重视的。这是一本能够开阔视野的书，我把这本书推荐所有从事前端的人。 下面都是我在看这本书所记录的一些新奇但实用的布…
    图片资源 Icon CSS
  • 灵光乍现：巧妙居中显示原始大图片！
    今天在锤子手机官网看到一个 活动页。它的内容布局让我学习了。 .wrapper-banner 是个普通的 div block 元素；.content-banner 是 relative 的；img 是一张 大~图片，宽 2560px；a.hot 是绝对定位元素，使用了 left…
    前端
  • 快速理解web语义化
    本文简单快速描述了什么是web语义化、语义化的特点以及常用的几个html标签和CSS语义化的命名方式。希望更多的人关注到web语义化并在实践中有意识的去使用它。
    HTML CSS 前端
  • CSS3 animation属性中的steps功能符深入介绍
    张鑫旭关于CSS3 animation属性中的steps功能符的思考
    CSS
  • CSS 常用技巧
    相信大家在写css属性的时候，会遇到一些问题，比如说：垂直对齐，垂直居中，背景渐变动画，表格宽度自适应，模糊文本，样式重置，清除浮动，通用媒体查询，自定义选择文本，强制出现滚动条，固定头部和页脚，自己在网上看到的一篇关于css的文章，感觉这里边一些常用的css代码片段对大家很有…
    CSS 前端 图片资源
  • 愈发熟练的 CSS 技巧
    rem+simple-flexible适配方案简单解析rem相对于根元素<html>的font-size的大小来计算坐作为一个单位；simple-flexible是根据手淘团队lib-flexible
    CSS JavaScript 前端
  • 《你不知道的 CSS》之等比例缩放的盒子
    你肯定已经知道，对于一个 img 元素而言，你可以单独地修改它的 width 或者 height 属性来设置它的大小，同时图片的比例还能够保持不变。 如下图所示，最上面是原始大小的图片，下面两张则分别是设置了 width: 50% 和 height: 50% 属性后的样子。 可…
    CSS JavaScript 前端