HTML/CSS基础与进阶知识总结

"html和css 常用" HTML（HyperText Markup Language）是网页内容的结构标记语言，而CSS（Cascading Style Sheets）则用于描述这些内容的样式和布局。两者结合使用，可以创建出丰富的、有吸引力的网页。 在HTML中，`<h1>`标签通常用于设置网站的logo，因为搜索引擎会重视这个标签，有助于提高搜索结果的排名。`<nav>`标签用于创建导航栏，这对于用户在网站中的导航至关重要。创建多级下拉菜单可以通过`<ul>`、`<li>`和CSS的伪类实现，如`:hover`来控制菜单项的展开与关闭。`<banner>`虽然不是标准的HTML5标签，但常用来表示网站的头部大图。 Photoshop在网页设计中用于切图和图像处理，快捷键的熟练运用能提升工作效率。图片整合技术如CSS Sprites（精灵图）可以减少HTTP请求，优化页面加载速度。 HTML网页由三部分组成：头部（head）、主体（body）和尾部（footer）。HTML全名是HyperText Markup Language。页面框架包括`<header>`、`<main>`、`<aside>`等元素，常规标记如`<p>`（段落）、`<a>`（超链接）等则是构建网页内容的基础。`<img>`用于插入图片，`<table>`用于创建表格，`<form>`则用于创建表单，GET和POST是表单提交的两种方式，GET在URL中显示数据，POST则不会。 CSS全称为Cascading Style Sheets，它可以以三种方式应用到HTML：内联样式、内部样式表和外部样式表。CSS语法包括选择符（如元素选择符、类选择符等）和属性声明。权重决定了样式优先级，字体属性包括字体类型、大小、颜色等。文本属性可以设置对齐方式、行高、颜色等。`position`属性用于定位，常见的定位方式有静态、相对、绝对和固定，绝对定位相对于最近的非static祖先元素定位，相对定位则相对于元素本身。 HTML5引入了新的语义化标签，如`<article>`、`<section>`等，增强了内容的结构性。`<video>`和`<audio>`元素支持多媒体播放，新增的智能表单类型提供了更好的用户体验。CSS3引入了更多高级选择器，如属性选择器和结构伪类，以及新的布局技术如Flexbox和Grid，让网页布局更为灵活。 了解和掌握这些HTML和CSS的基本概念和常用技巧，将有助于创建响应式、易维护且具有良好用户体验的现代网页。