原生HTML开发是指使用HTML标记语言以及相关的元素、属性和语法,来构建网页的过程。CSS(层叠样式表)是一种用于控制网页布局和外观的样式表语言。
HTML和CSS是前端开发的两个基本技术,它们通常是一起使用的。
以下是一个简单的例子,演示了如何使用原生HTML和CSS创建一个简单的网页:
<!DOCTYPE html>
<html>
<head>
<title>My First Webpage</title>
<style>
body {
background-color: lightblue;
font-family: Arial, sans-serif;
}
h1 {
color: darkblue;
text-align: center;
}
p {
color: darkgreen;
margin-left: 20px;
}
</style>
</head>
<body>
<h1>Welcome to My First Webpage</h1>
<p>This is a paragraph of text.</p>
</body>
</html>
在这个例子中,我们使用<style>
标签来定义了一些样式。<body>
标签中的文本将使用这些样式进行显示。
在CSS中,我们使用选择器来选中特定的HTML元素,并对其应用样式。例如,body
选择器选中网页的整个<body>
元素,并将其背景颜色设置为浅蓝色。h1
选择器选中所有的<h1>
元素,并将其文字颜色设置为深蓝色。
这只是一个简单的例子,展示了使用原生HTML和CSS进行网页布局和样式控制的基本原理。在实际开发中,我们可以使用更多的HTML标记和CSS属性来创建更复杂的网页和样式效果。