垂直居中
通用布局方式(内敛元素和块状元素都适用)
利用flex:
核心代码:
.container{
display:flex;
flex-direction:column;
justify:center
}
2024年11月01日
垂直居中
通用布局方式(内敛元素和块状元素都适用)
利用flex:
核心代码:
.container{
display:flex;
flex-direction:column;
justify:center
}
2024年11月01日
【技术等级】初级
【承接文章】《CSS文本属性，让你的段落更加美观，前端之路更进一步》
本文重点讲解CSS技术中文本样式的text-align属性以及”块级元素”和“内联元素”的使用。本文属于前端开发的初级教程，适合于刚刚开始接触CSS技术的学习者。
一、设置对齐方式：
2024年11月01日
CSS的text-align-last属性设置文本在最后一行的对齐方式。这个属性仅适用于被拆分成多行的块级元素，其中最后一行只有一部分内容。
text-align-last属性接受以下值：
2024年11月01日
要实现css两端对齐，我在网上找了很多方法，都不怎么实用，都是兼容性闹得，column是css3的属性，是多列布局，使用column来实现两端对齐简单实用，就要设置下模块的个数跟column的列数一致就行，先看它的的3个属性：
1.column-count 属性规定元素应该被分隔的列数
2.column-gap 属性规定列之间的间隔
2.column-rule 属性设置列之间的宽度、样式和颜色规则。
CSS3 多列属性的兼容性：
2024年11月01日
通常情况下select内的文字默认值是左对齐，下面主要用css的属性实现select里面的文字右对齐；
效果如下：
实现该效果是，在select样式里添加direction: rtl;属性即可；
direction定义和用法
direction属性规定文本的方向 / 书写方向。
该属性指定了块的基本书写方向，以及针对 Unicode 双向算法的嵌入和覆盖方向。不支持双向文本的用户代理可以忽略这个属性。
2024年10月31日
在HTML的世界里，一切都是由容器和内容构成的。容器，就如同一个个盒子，用来装载各种元素；而内容，则是这些盒子里的珍宝。理解了这一点，我们就迈出了探索HTML布局的第一步。
在HTML中，布局标签主要用于控制页面的结构和样式。本文将介绍一些常用的布局标签及其使用方法，并通过代码示例进行演示。
2024年10月31日
今天在将HTML标签之前，小编先带大家了解一下什么是块级元素和行内元素。
大多数 HTML 元素被定义为块级元素或内联元素。
HTML块元素（block element）
块级元素默认占一行，一行内添加一个块元素后一般无法添加其他的元素（后续CSS中会讲块级元素和行内元素的转换）。块级元素一般可以嵌套块级元素或行内元素。块级元素宽高，行高以及外边距和内边距都是可控的。
之前的文章讲到的h1~h6,p,ul,ol,table,hr,dl 都是块级元素。
2024年10月31日
在使用DIV+CSS布局时，我们需要通过为div命名的方式，来区分网页中不同的模块。在HTML5中布局方式有了新的变化，HTML5中增加了新的结构标签，如header标签、nav标签、article标签等，具体介绍如下。
1. header标签
HTML5中的header标签是一种具有引导和导航作用的结构标签，该标签可以包含所有通常放在页面头部的内容。header标签通常用来放置整个页面或页面内的一个内容区块的标题，也可以包含网站Logo图片、搜索表单或者其他相关内容。其基本语法格式如下：
2024年10月31日
最近米谷爱上了整理的活，HTML标签全称对照，拿去?
| HTML标签 | 英文全称 | 中文释义 |
| a | Anchor | 锚 |
| abbr | Abbreviation | 缩写词 |
| acronym |