- 博客(5)
- 收藏
- 关注
RSS订阅原创 网页设计盒子模型、边框、内外边距、宽高
例如，一个元素内容宽度为 200px，左右内边距各为 10px，左右边框各为 2px，左右外边距各为 5px，那么它的实际总宽度为 200 + 102+22 + 5*2 = 244px。就好像一个包裹，内容是包裹里的东西，内边距是包裹内部的填充材料，边框是包裹的外壳，外边距是包裹与其他包裹之间的空隙。例如，一个元素的下外边距是 20px，相邻元素的上外边距是 30px，那么它们之间的垂直间距是 30px。定义：内边距是内容与边框之间的空间，它可以控制内容在盒子内部的位置，并且会影响元素的实际大小。
2024-12-13 22:03:14
1969
原创 网页设计过渡和动画
animation属性包含多个子属性，如animation-name（引用定义的关键帧名称）、animation-duration（动画的持续时间）、animation-timing-function（动画的时间曲线）、animation-delay（动画的延迟时间）、animation-iteration-count（动画的循环次数）和animation-direction（动画的播放方向）。与过渡不同，动画可以在不需要用户交互（如悬停）的情况下自动运行，并且可以实现更复杂的运动和变化。
2024-12-10 23:22:27
1917
原创 HTML5非语义标签
在一些现代的网页布局中，语义标签也被巧妙地用于构建页面布局，如使用<header>、<footer>等来确定页面的上下部分，<article>和<section>用于划分主体内容区域。含义：<div>是 HTML 中最常用的非语义标签，它是一个块级元素，主要用于将 HTML 文档划分为不同的区域，以便进行样式设计和布局。语义标签：具有明确的语义含义，能够清晰地传达文档的结构和内容类型。在 HTML 中，非语义标签是指那些主要用于定义网页的外观或布局，而没有传达内容的语义含义的标签。一、常见的非语义标签。
2024-12-10 23:09:17
902
原创 HTML5语义标签
它包含了像<title>（文档标题）、<meta>（元数据，如字符集、页面描述等）、<link>（用于链接外部样式表等）和<script>（脚本）等标签。一个网页可以包含多个<section>标签，每个标签可以有自己的标题、内容等。<h1>是最高级别的标题，通常用于表示页面的主标题，<h2>用于二级标题，以此类推。包含了网页中所有可见的内容，如文本、图像、链接、表格等。用于表示一个独立的、完整的内容块，如一篇博客文章、一个新闻故事等。<em>表示文本的强调语气，在浏览器中通常会以斜体显示。
2024-12-10 22:51:08
432
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人