HTML基础
HTML简介
HTML（HyperText Markup Language）是构建网页的基础，它使用一系列标签来描述网页的结构和内容。HTML文档通常由头部（Head）和主体（Body）两部分组成。
常用标签
<html>：定义整个HTML文档。<head>：包含文档的元信息，如标题、字符集等。<title>：定义文档的标题。<body>：包含文档的主体内容。<h1>-<h6>：定义标题，<h1>是最高级别。<p>：定义段落。<a>：定义超链接。<img>：定义图像。
实用技巧
- 使用语义化标签，如
<header>、<footer>、<nav>等。 - 避免使用过时的标签，如
<center>、<font>等。 - 使用注释来解释代码。
CSS基础
CSS简介
CSS（Cascading Style Sheets）用于描述HTML文档的外观和格式。它可以通过选择器指定样式规则，从而改变元素的样式。
常用选择器
- 标签选择器：如
p、div等。 - 类选择器：如
.class。 - ID选择器：如
#id。 - 伪类选择器：如
:hover、:active等。
实用技巧
- 使用缩写属性，如
margin: 10px 20px 30px 40px;可以缩写为margin: 10px 20px;。 - 使用注释来解释样式规则。
- 使用媒体查询来适配不同设备。
实用技巧与常见问题解答
常见问题1：如何让文本居中？
.text-center {
text-align: center;
}
常见问题2：如何让图片自适应容器？
.img-responsive {
width: 100%;
height: auto;
}
常见问题3：如何让列表项垂直排列？
.list-vertical {
list-style-type: none;
padding-left: 0;
margin-left: -20px;
}
.list-vertical li {
margin-bottom: 10px;
}
常见问题4：如何让表格边框为1px？
.table-border {
border-collapse: collapse;
}
.table-border td,
.table-border th {
border: 1px solid #000;
}
总结
通过学习HTML和CSS，你可以轻松地创建美观、实用的网页。本文介绍了HTML和CSS的基础知识，并提供了一些实用技巧和常见问题解答。希望这份手册能帮助你快速掌握HTML和CSS。