滕磊的个人网站
javascript css html mongodb typescript linux docker mysql 美文 经典语录 励志 句子摘抄 名人名言 座右铭
» 栏目 » CSS
  • CSS outline(轮廓)
    CSS 中的 outline 属性用于在元素周围绘制一条轮廓线,但它与 border 有所不同。border 会占据空间并影响元素的总尺寸,而 outline 则绘制在元素的外边缘,不会占用额外空间。这使得 outline 特别适用于在不改变布局的情况下突出显示元素。
    前端教程
  • CSS margin(外边距)
    CSS 中的 margin 属性用于设置元素周围的外边距。外边距是元素边框外部的空间,用于控制元素与其他元素之间的距离。通过调整 margin,你可以精确地控制网页的布局和元素的间距。margin 属性可以接受一到四个值,分别表示元素的上、右、下、左外边距。 margin 不会影响元素的背景颜色,但会影响边框和内边距的计算。 当你使用浮动(float)或定位(position)时,margin 的表现可能会有所不同。 过度使用大外边距可能会导致布局问题,因此应谨慎使用。 在响应式设计中,使用百分比值或 calc() 函数可以帮助你更灵活地控制外边距。
    前端教程
  • CSS 列表
    css列表教程:在网页设计中,列表(Lists)是一种常见的内容组织形式,用于展示有序信息(如步骤、排名等)和无序信息(如菜单、项目列表等)。CSS(层叠样式表)为列表提供了丰富的样式化选项,使得你可以控制列表的外观、布局、以及列表项的间距等。以下是一篇详细的CSS列表教程,帮助你理解如何为网页中的列表添加样式。
    前端教程
  • CSS 分组与嵌套
    在CSS(层叠样式表)中,分组和嵌套是两种强大的技术,它们能够帮助你更有效地组织和管理样式规则,使你的代码更加简洁和易于维护。本教程将详细介绍CSS中的分组和嵌套技术,并通过示例展示它们在实际应用中的用法。
    前端教程
  • css列表样式属性及取值情况
    css列表样式属性及取值情况:CSS(层叠样式表)中的列表样式属性允许你自定义HTML列表中的项目符号或编号的样式。以下是CSS列表样式属性及其取值情况的详细介绍
  • CSS 链接
    CSS 链接教程:在网页设计中,链接(Links)是导航和内容关联的基础。CSS(层叠样式表)为链接提供了丰富的样式化选项,使得你可以控制链接的外观、悬停效果、访问后的状态等。以下是一篇详细的CSS链接教程,帮助你理解如何为网页中的链接添加样式。
    前端教程
  • safe-area-inset-bottom
    在现代移动设备中,特别是像iPhone X及其后续机型这样的全面屏手机,由于其特殊的屏幕设计(如“刘海”、圆角以及可能存在的底部指示器区域),传统的页面布局方式可能会遇到一些问题。为了确保内容不被屏幕边缘的遮挡物所覆盖,CSS引入了safe-area-inset系列属性,其中safe-area-inset-bottom用于定义屏幕底部安全区域的内边距。
    前端教程
  • CSS 中 italic 与 oblique 字体的区别
    在CSS中,font-style 属性用于设置文本的字体样式,其中 italic 和 oblique 是该属性的两个可选值,它们用于将文本设置为斜体。然而,尽管它们看起来相似,但在实际使用中,它们之间存在一些关键的区别。
  • CSS float(浮动)
    CSS 中的 float 属性是一种布局方式,它允许你将一个元素从其正常的文档流中取出,并使其向左或向右浮动,直到它的外边缘碰到包含框或另一个浮动元素的边缘。float 常用于创建多栏布局、图文混排等效果。以下是 float 属性的详细介绍和一些常用场景的示例。float 属性可以应用于块级元素和行内元素。当元素被设置为浮动时,它会脱离正常的文档流,但其他内容会环绕在浮动元素的周围。浮动元素仍然会影响布局的高度,除非使用了 clear 属性或其他清除浮动的方法。
    前端教程
  • CSS 字体
    css字体:CSS(层叠样式表)提供了丰富的工具来设置网页中的字体样式。通过合理使用CSS,你可以使网页文本更加美观、易读和富有表现力。以下是一个详细的CSS字体教程,涵盖基本和高级技巧。
    前端教程
  • 上一页
  • 下一页

简体字繁体字转换工具 图片转base64编码 rgb转16进制 rgb颜色对照表 在线小工具 古诗词 古诗词问答

Copyright @tides.cn 苏ICP备20031417号-2