浅谈电子商务网站建设与管理的理解,线上营销策略,摄影作品网站或app,国外性价比高的vps一、我用过的 HTML 标签
常见结构与内容标签#xff0c;构成网页的基本骨架和显示内容。
类别标签列表说明文档结构!DOCTYPE html, html, head, body网页基础框架结构元信息meta, title, style设置网页编码、标题、…
一、我用过的 HTML 标签
常见结构与内容标签构成网页的基本骨架和显示内容。
类别标签列表说明文档结构!DOCTYPE html, html, head, body网页基础框架结构元信息meta, title, style设置网页编码、标题、内部样式等信息文字结构p, br, hr分段、换行、添加水平线样式辅助div, span, a布局容器、内联文本、超链接标签标题标签h1 ~ h5页面结构层级标题表格标签table, tr, td, th表格结构与单元格设置表单标签form, input, textarea, select, option用于创建表单与用户输入项图片插入img用于网页中插入图片 二、我用过的 CSS 属性
控制网页外观与布局的核心属性。
分类属性与用法简介文字样式color, font-size, font-weight, font-style, font-family文本排版text-align文字水平对齐text-indent首行缩进line-height行间距text-decoration文本修饰线尺寸间距width, height, padding, margin, border背景设置background-color, background-image, background-repeat布局方式display: block / flex选择器用法.class, #id, a:hover, a:active表格边线border-bottom常用于制作表格分隔线效果 HTML CSS 常用知识补充进阶建议 一、HTML 标签拓展
用途类别标签示例说明强调与修饰strong, em, del, u加粗、斜体、删除线、下划线列表结构ul, ol, li创建有序/无序列表表格分组thead, tbody分离表格头部与主体内容表单标签补充label表单控件说明性文字 二、CSS 常用拓展属性
增强页面精细控制的常用样式属性。
类型属性和说明字距控制word-spacing, letter-spacing设置字词间距盒模型调整box-sizing: border-box边距包含在宽高计算内外观修饰border-radius: 10px设置圆角背景控制background-position: center背景居中background-size: cover / contain调整背景填充方式对齐方式vertical-align: middle行内/表格内容垂直居中 三、CSS 选择器进阶技巧
提高样式应用灵活性。
div p后代选择器选中 div 内所有 pdiv p子代选择器仅选中直接子元素.a, .b并列选择器多个类名统一样式input:hover, input:focus交互伪类选择器控制鼠标悬浮或选中状态样式 四、表格样式建议
使用 border-collapse: collapse;合并单元格边框视觉整洁给 td 设置边框如 border-bottom实现分隔线不建议直接作用于 tr 五、代码规范建议
样式统一写入 style 标签或外部 .css 文件推荐通过 .class 控制样式避免冗余重复多使用语义化标签如 section, article 等提升结构清晰度和 SEO 表现
