自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(5)
  • 收藏
  • 关注

原创 CSS页面布局

本文介绍了多种布局实现方式,包括两栏布局、三栏布局及水平垂直居中的实现。两栏布局方法包括浮动、flex、绝对定位等;三栏布局通过绝对定位、flex、浮动及圣杯布局、双飞翼布局实现。文章还详细描述了水平垂直居中的多种实现方式,如绝对定位、flex、grid及表格布局等,适应不同的布局需求。

2024-09-29 22:59:47 1566

原创 CSS中的display属性详解

display属性是CSS中的重要属性之一,主要用于控制元素的显示方式及其在文档流中的表现。不同的取值会影响元素的显示方式、布局特点,以及它与其他元素的交互方式。以下是一些常见的display属性值及其作用。

2024-09-29 20:42:21 361

原创 CSS 选择器与优先级详解

这篇文章详细讲解了 CSS 选择器的种类及其优先级计算规则,及伪类选择器和伪元素选择器的区别。ID 选择器 (#) 类选择器 (.) 标签选择器 通配符选择器 (*) 子代选择器 (>) 相邻兄弟选择器 (+) 通用兄弟选择器 (~).优先级通过四个部分计算,用 (a, b, c, d) 表示:优先级比较从左到右,若第一个不相等,则较高的优先级覆盖较低的优先级。!important 声明的样式优先级最高,直接覆盖其他样式。

2024-09-28 18:51:04 2119

原创 HTML <head> 标签构成

标签是 HTML 文档的重要部分,包含元信息如字符集、视口设置、页面标题、外部资源链接(如 CSS 和 JavaScript)等。这些信息虽然不直接显示给用户,但对浏览器解析和搜索引擎优化(SEO)至关重要。常用的 标签包括文档描述、关键词和作者信息,帮助提升页面的可访问性和搜索引擎表现。通过合理使用 中的内容,可以显著改善网页的加载性能和用户体验。

2024-09-28 12:30:56 1282

原创 <!DOCTYPE html> 标签详解

DOCTYPE是 Document Type Declaration(文档类型声明)的缩写。它的主要作用是让浏览器知道该如何解析 HTML 文档的内容。如果不声明DOCTYPE,浏览器可能会进入怪异模式(quirks mode),这会影响页面的正常显示和渲染。

2024-09-28 10:33:53 481

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除