今天学习下css中的line-height 和 vertical-align。line-height指的是设置一行文字的高度
1. line-height 属性
line-height 属性用于设置行间的距离（即行高），它影响元素内文本的行距。line-height 可以是
1，数值（这个非常常用1.5倍或者1.667黄金比例）
2024年10月28日
今天学习下css中的line-height 和 vertical-align。line-height指的是设置一行文字的高度
line-height 属性用于设置行间的距离（即行高），它影响元素内文本的行距。line-height 可以是
1，数值（这个非常常用1.5倍或者1.667黄金比例）
2024年10月28日
CSS所提供的Position定位属性在进行网页页面布局过程中非常重要，通过使用Position定位属性可以实现对页面元素进行精确定位，最终达到较好的设计及页面展示效果。本文主要针对Position属性设计教学案例，实现教学。
Position定位属性为设计人员提供5类定位模式，分别为static静态定位、relative相对定位、absolute绝对定位、fixed固定定位及sticky磁铁定位模型。其中较常使用的是相对定位、绝对定位与固定定位三种模式。
2024年10月28日
CSS定位属性允许您定位元素。它还可以将元素放在另一个元素之后，并指定当元素的内容太大时应该发生什么。
可以使用顶部，底部，左侧和右侧属性定位元素。但是，除非首先设置position属性，否则这些属性将不起作用。根据定位方法，它们的工作方式也不同。
有三种定位方式：静态、固定、相对定位。
HTML元素默认为静态。静态定位元件总是根据页面的正常流动来定位。静态元素不受top bottom left right的影响。
2024年10月28日
移动端顶部栏设计看似简单，其实在做界面时还是有许多细节值得我们注意的。今天我就针对UI设计中顶部栏的设计要点进行简单的说明，希望能更好地帮助大家理解这个组件。
一、移动端顶部栏样式及设计要点
这里将移动端顶部栏分为三种样式，下面我们来分析以下：
1、常规顶部栏 2、Tab/分段控件顶部栏 3、大标题顶部栏
1.常规顶部栏
常规顶部栏固定在状态栏下， 主要由操作图标、标题、搜索框等组成，大致分成以下4种：
2024年10月28日
CSS 中的 position 属性只有几个有效值，但这些值会导致无穷无尽的设计可能性，这使得学习定位相当困难。 在本文中，我将分解每个位置值并解释您需要了解的有关它们的所有信息。
静态位置 Static Position
首先，我们将介绍您可能从未听说过但一直使用的最简单的位置值，那就是静态位置。 static 是 position 属性的默认值，本质上只是意味着元素将遵循正常的文档流并根据标准定位规则定位自身。您没有设置位置属性的任何元素都是静态的，这意味着您使用的大多数元素都是静态定位的。 静态定位元素不能应用
2024年10月28日
和 JavaScript、CSS 相比，HTML 经过三十多年的发展，似乎逐渐走进无人问津的角落，如何才能让 HTML 再次回到人们视野的中心。
作者 | Yaser Adel Mehraban
译者 | 谭开朗，责编 | 屠敏
出品 | CSDN（ID：CSDNnews）
2024年10月28日
一、 网页布局方式
1、什么是网页布局方式 布局可以理解为排版，我们所熟知的文本编辑类工具都有自己的排版方式
比如word，nodpad++等等 而网页的布局方式指的就是浏览器这款工具是如何对网页中的元素进行排版的
2、网页布局/排版的三种方式
1、标准流
2、浮动流
3、定位流
二、标准流’
2024年10月28日
文档流
文档流，是指盒子按照html标签编写的顺序依次从上到下，从左到右排列，块元素占一行，行内元素在一行之内从左到右排列，先写的先排列，后写的排在后面，每个盒子都占据自己的位置。
关于定位
我们可以使用css的position属性来设置元素的定位类型，postion的设置项如下：
relative 生成相对定位元素，元素所占据的文档流的位置保留，元素本身相对自身原位置进行偏移。
2024年10月28日
很多时候，我们希望有一种方法可以避免某种CSS问题或行为的发生。我们知道，网页内容是动态的，网页上的东西可以改变，从而增加了出现CSS问题或奇怪行为的可能性。