浮动布局
- 相关CSS属性
float - left：元素向左浮动 - right：元素向右浮动 - none：默认值。元素不浮动，并会显示在其在文本中出现的位置 - inherit：从父元素继承 float 属性的值
浮动的缺点
1.父级不能被撑开，在父级设置的属性就没办法正常显示
2.margin和padding值不能正常被显示
2024年11月01日
float - left：元素向左浮动 - right：元素向右浮动 - none：默认值。元素不浮动，并会显示在其在文本中出现的位置 - inherit：从父元素继承 float 属性的值
1.父级不能被撑开，在父级设置的属性就没办法正常显示
2.margin和padding值不能正常被显示
2024年11月01日
层叠样式表(英文全称:CascadingStyleSheets)是一种用来表现html(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言。css不仅可以静态地修饰网页，还可以配合各种脚本语言动态地对网页各元素进行格式化。
CSS能够对网页中元素位置的排版进行像素级精确控制，支持几乎所有的字体字号样式，拥有对网页对象和模型样式编辑的能力。
2024年11月01日
学习CSS是构建好看网页的一种方式。但是，在学习过程中，我们倾向于（大部分时间）限制自己，一遍又一遍地使用相同的属性。毕竟，我们是一种习惯性的动物，我们会使用自己习惯且熟悉的东西。
因此，在这篇文章中，向你介绍7个 比较少见且好用的 CSS 属性，希望对你有所帮助。
CSS 的属性 vertical-align 用来指定行内元素（inline）或表格单元格（table-cell）元素的垂直对齐方式。
2024年11月01日
初学css的新手朋友经常会遇到一个问题，当文字和图片出现在同一行或者同一个div里面的时候，在浏览器中运行出来的显示效果往往是在不同的行，那么我们怎么才能在css中控制他们在同一行显示呢，其实方法有3种：1、通过添加css的“vertical-align:middle;”；2、如果图片是背景图片，可以在css中设置背景图片，然后设置文字的padding属性；3、把文字和图片分别放入不同的div中。上面三种方法都可以让图片和文字在同一行显示，下面我们用实例来应用一下。
2024年11月01日
button在高度计算上始终使用了Quirks模式。在Quirks模式下，边框的计算是在元素的宽度内的，而不像标准模式一样计算在外部（button的高度包含边框的高度，而文本框text则不包含边框高度。）
表单是网页中的重要元素，以及高频率出现的元素，如何把表单做的漂亮非常重要。首先我们需要解决一个实际的问题，就是文本框与按钮不对齐的问题。这个看似简单的问题追究到底可以发现很多我们未尝想到的原理。按钮(button)的高的解析问题导致了不对其问题的根本原因。下面演示正确的代码示范。
2024年11月01日
编辑导语：一个高颜值的原型图，能够在一定程度上体现出你的专业度，起到锦上添花的作用。那么，要如何画出高颜值的原型图呢？本文作者对此作出了分析，一起来看一下吧。
最近有朋友要转产品，自己在学习画原型，怎么说呢，原型画的确实差点意思。
虽说大多数内容临摹出来了，但是还有很多可以优化的地方，像对齐、颜色、间距就处理的不好。
2024年11月01日
大家好，我是 Echa。
Grid（网格）布局是最强大的 CSS 布局方案，用于构建二维布局。Grid 布局将页面划分成一个个网格，可以任意组合不同的网格，实现各种各样的布局。下面就来看看 CSS Grid 布局是如何使用的！
2024年11月01日
编辑导语：B端表单若设计不好，则容易导致不佳的用户体验，无法给用户有效的信息反馈。那么，应该如何优化B端表单设计、提高B端表单的操作效率呢？也许你需要在交互形式、表单页面、输入框等方面做好优化。本文作者总结了提高B端表单操作效率的7个技巧，不妨来看一下。
一些同学在设计B端表单时，不知道需要考虑哪些问题，直接使用Ant Design提供的表单模版，或者参考竞品，上线后用户反馈难用，产品反馈拓展性低。
2024年11月01日
我们在做网站导航的时候经常会遇到这样的问题：每个导航栏目名字字数不一样，然后栏目少的时候，整体偏向左边了，右边空白一大片；这时候虽然可以通过调节间距，进行改变，但也有一个弊端，例如下次在增加一个栏目，又得重新调整间距。
于是乎小编就在想：有没有一种方法能够让导航自适应两端对齐，重新增加栏目，自动改变相应的间距。经过反复测试，还真有这样的办法。
这个办法需要用到text-align:justify;和display：inline-block;以及after伪类。