zzp0520

摘要： <style> .parent{ margin: 100px auto; width: 800px; height: 400px; border: 10px solid red; /*相对*/ position: relative; } .son{ width: 100px; height: 100 阅读全文

摘要： margin: 0 auto – 块级元素水平居中，前提是元素有明确的宽度 text-indent: 2em – em 是相对单位，相对于当前元素的 font-size，所以缩进距离会随字号变化 span { font-style: italic; /* 文本倾斜（斜体） */ } #font { 阅读全文

摘要： 表单的基本概念 定义：表单是用户数据录入和提交的界面，也是网站获取用户信息的途径。 作用：通过在网页中添加表单元素，实现用户与网站的交互，如数据收集、用户操作等。 语义化表单的制作 使用语义化的HTML标签，构建清晰的表单结构，提高代码可读性和可访问性。 HTML5表单验证的初步了解 通过HTML5 阅读全文

摘要： background-color: #CB2D01; background-image: url(...); background-repeat: repeat-x; 背景图片会覆盖在背景颜色之上，背景颜色作为“后备色”在图片未完全覆盖或透明区域显示。合理利用：当图片加载失败或图片有透明区域时，背景 阅读全文

摘要： .logo { float: left; } 使元素向左浮动，脱离正常文档流，让后续内联或浮动元素环绕在其右侧。 .top-bar { width: 1000px; margin: 0 auto; }： 固定宽度 + 左右边距自动，实现块级元素在父容器内水平居中。 背景图片 background-i 阅读全文

摘要： 表格标签: 用于展示结构化数据。 : 表格行（Table Row）。 : 表头单元格（Table Header），默认加粗居中。 : 普通数据单元格（Table Data）。 表格常用属性 border: 表格边框宽度。 cellspacing: 单元格之间的间距。 callpadding (应为c 阅读全文

摘要： .a { width: 150px; /* 内容宽度 */ height: 120px; /* 内容高度 */ padding: 5px 10px 50px; /* 内边距：上5px 左右10px 下50px */ border: 1px solid red; /* 边框：1px实线红色 */ ma 阅读全文

摘要： { margin: 0; padding: 0; } 通配符选择器 *：匹配页面所有元素。 • 作用：清除浏览器默认的 margin 和 padding，实现样式重置 .top { background-color: #988E75; width: 1000px; height: 100px; ma 阅读全文

摘要： href="链接地址"：跳转目标 href="xxx.html" → 外部页面跳转 href="#id名" → 页面内锚点跳转 href="#" → 空链接（跳回顶部） 文字垂直居中 height:200px; line-height:200px; 文字水平居中 text-align:center; 阅读全文

摘要： 无序列表符号：空心圆 ○ list-style-type: square; 无序列表符号：实心方块 list-style-type: lower-roman; 有序列表编号：小写罗马数字 ⅰ、ⅱ、ⅲ…… 常见补充： disc ：默认实心圆 ● decimal ：默认数字 1、2、3 upper-ro 阅读全文