html~css简单总结

HTML 和 CSS 是构建网页的基础技术。HTML 负责网页的结构，CSS 负责网页的样式。

HTML 简单概述：

HTML 指的是超文本标记语言 (Hyper Text Markup Language)，它是用来创建网页的一种标准标记语言。HTML 文档包含了标签对，用于定义如何展示文本、图片、视频等内容。

HTML 示例代码：




<!DOCTYPE html>
<html>
<head>
    <title>我的第一个网页</title>
</head>
<body>
    <h1>欢迎来到我的网页</h1>
    <p>这是一个段落。</p>
    <a href="https://www.example.com">这是一个链接</a>
</body>
</html>

CSS 简单概述：

CSS 指的是级联样式表 (Cascading Style Sheets)，它是用来描述网页外观的语言。CSS 可以控制字体、颜色、布局、背景等各种页面元素的样式。

CSS 示例代码：




body {
    background-color: #f0f0f0;
}
 
h1 {
    color: blue;
}
 
p {
    font-size: 16px;
}
 
a {
    text-decoration: none;
    color: red;
}
 
a:hover {
    color: green;
}

HTML 和 CSS 的结合：

HTML 和 CSS 通过 <style> 标签或者外部 CSS 文件相结合，实现了页面内容和样式的分离。

HTML 与 CSS 结合的示例代码：




<!DOCTYPE html>
<html>
<head>
    <title>我的第一个网页</title>
    <style>
        body {
            background-color: #f0f0f0;
        }
        h1 {
            color: blue;
        }
        p {
            font-size: 16px;
        }
        a {
            text-decoration: none;
            color: red;
        }
        a:hover {
            color: green;
        }
    </style>
</head>
<body>
    <h1>欢迎来到我的网页</h1>
    <p>这是一个段落。</p>
    <a href="https://www.example.com">这是一个链接</a>
</body>
</html>

常用的 HTML 和 CSS 标签：

HTML 标签：<h1>、<p>、<a>、<img>、<div>、<span> 等。
CSS 属性：color、background-color、font-size、padding、margin、border、position、display 等。

布局管理：

HTML 和 CSS 可以用来创建不同的布局，比如使用 <div> 元素配合 CSS 的 float 属性或者 flexbox 布局系统来创建复杂的布局。

响应式设计：

CSS 可以使用媒体查询 (Media Queries) 来创建响应式的网页设计，使得网页在不同的设备上都可以展示良好。

版本演进：

HTML 和 CSS 都在不断演进，新的版本和标准不断推出，包括 HTML5 和 CSS3。这些新的标准增加了更多的功能和更好的支持。

html~css简单总结

评论已关闭

推荐阅读