2024-11-05文章详细介绍了 div 元素的 HTML 属性（class、title、style）和 CSS 样式，包括布局（display、position）、边距（margin、padding）、背景（background-color、image）、文本样式（font、text-align）、盒子模型（box-sizing）、动画（transition、animation）等。还涉及了层叠上下文（z-index）、伪类（:hover、:active）等掌握这些特性，开发者能创建出适应性强、交互性好的网页布局。_html div标签属性

https://www.qianduange.cn//article/20022.html 分类：前端知识

2024-09-14如果一组当中两个数是一样的，可以简写为一位数：例如#00ffcc简写为#0fc。font-family属性值可以书写多个字体名用逗号隔开，依次从左到右查找。单行文字想要垂直居中时，可以设置行高属性值与盒子高度属性值一致。想让图片居中，可以给图片加一个父级标签例如设置居中。属性的简写方式，一个属性对应多个值的写法，各个属性值之间用。测量方法：从一行文字的最顶端到下一行文字的最顶端。属性名：text-decoration。属性名：text-indent。属性名：text-align。_html字体修饰

https://www.qianduange.cn//article/18305.html 分类：前端知识

2024-02-06text-decoration 属性值是 none(不修改) 、underline(下划线)、line-through(删除线)、overline(上划线)text-align 属性值是关键字 left是左对齐(默认) 、center居中对齐 、 right右对齐。line-height 属性是数字 px 或者光写数字(当前标签font-size属性值的倍数)基础选择器有四种：标签选择器、类选择器、id选择器、通配符选择器。作用：查找标签，差异化设置标签的显示效果 这点与类选择器功能相同。

https://www.qianduange.cn//article/1406.html 分类：前端知识

2024-09-09这个时候可能会有人想说用两个盒子包裹着，使用 justify-content: space-between 来，但是使用这个后，对于一级导航的样式就需要在两个盒子中各自设计，那么有没有一种方式就能实现一个大盒子里面装的所有的小盒子是在同一级的，但是个人信息又能跑到最后边呢？这样的话就能很明显看出来最后那个盒子是沾满了剩下的盒子了的，再配合text-align: right;一般布局在使用flex布局的时候，我们是希望一级导航是左边是所有的导航，但是个人信息按钮是在最右边对齐的。_flex 右对齐

https://www.qianduange.cn//article/17993.html 分类：前端知识

2024-09-09本文介绍了CSS中的盒模型概念，如何通过padding和margin实现最大正方形布局，以及多种水平和垂直居中的方法，包括使用text-align、margin、flex、transform等。此外，文章还讨论了两栏布局、左右等高布局的实现，以及利用BFC清除浮动和画三角形的技术。最后提到了@import导入CSS和link标签的区别，并阐述了BFC（块格式化上下文）的触发条件和特性。

https://www.qianduange.cn//article/17984.html 分类：前端知识

2024-09-01知识点总结：1. 基础样式与选择器颜色与背景：通过 background-color 设置背景颜色，color 设置文本颜色。字体与文本：使用 font-family 设置字体，font-size 设置字体大小，text-align 控制文本对齐。内外边距：使用 padding 设置内边距，margin 设置外边距。2. CSS 盒模型了解元素的 width、height、border、padding、margin 以及盒模型的布局机制。3. 定位与布局浮动布局 (Float)：通

https://www.qianduange.cn//article/17315.html 分类：前端知识

2024-08-23由于文档内容过多，为了避免影响到大家的阅读体验，在此只以截图展示部分内容开源分享：【大厂前端面试题解析 核心总结学习笔记 真实项目实战 最新讲解视频】.parent {2.垂直居中第一种方法第二种方法.parent {//垂直居中*/ //水平居中效果图：.parent {效果图：实用绝对定位top:50%;实用flex实现3.水平垂直全部居中利用vertical-align,text-align,inline-block实现代码。_web单列布局

https://www.qianduange.cn//article/16618.html 分类：前端知识

2024-07-273. 文本属性：color / font / text-decoration / text-align / vertical-align / white- space / break-word。复习点：我们用到清除浮动，因为 box-hd 里面的盒子个数不一定是多少，所以我们就不给高度了，但是里 面的盒子浮动会影响下面的布局，因此需要清除浮动。3 号盒子为底下部分，box-bd -- 里面是无序列表，有 10 个小 li 组成。1 号盒子是通栏的大盒子 banner，不给宽度，给高度，给一个蓝色背景。_pxcook

https://www.qianduange.cn//article/14335.html 分类：前端知识

2024-06-21CSS中的text-align属性用于水平对齐文本。它可以应用于块级元素和表格单元格。leftrightcenterjustifytext-align属性只对文本起作用，如果想要对块级元素内的其他内容（如图片、表格）进行对齐，需要使用其他的CSS属性。_text-align

https://www.qianduange.cn//article/13134.html 分类：前端知识

2024-06-18hljs css复制代码text-align: center; padding: 10px 0} .navbar { background-color: #f4f4f4 padding: 10px; text: center; background-color: #34340; } nav a { : white; text-decoration: none; margin: 0 10px; } nav

https://www.qianduange.cn//article/12625.html 分类：前端知识