初始CSS.HTML
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>初始css</title>
<!-- 定义网页链入外部样式表 -->
<link rel="stylesheet" type="text/css" href="../xxjj/s1.css"/>
<!-- 定义网页内嵌式样式表 -->
<style type="text/css">
</style>
</head>
<body>
<div id="father-box">
<h1>初识css</h1>
<p id="source"align="center">
来源：人民邮电出版 作者：黑马 日期：2021.11.17
</p>
<h2>一、结构与表现分离</h2>
<p>使用html标签格式属性对网页元素进行修饰的方式有很大局限和不足，包括不利于代码阅读和维护。
现在，制作网页按web标准，实现结构与表现分离。所谓结构和表现分离是指在网页设计中,HTMML标签只
用于搭建网页的基本结构，不使用标签属性设置显示样式，所有样式交由css来设置。图1所示网页代码
编写就体现了结构与表现分离。
</p>
<img src="tupian/gx.png" alt="">
<p class="ZC">图1 基于结构和表现分离的网页代码</p>
<p>遵循web标准开发网页，即用html编写网页结构和内容，而相关版面布局，文本或图片的显示样式
都使用css控制。html与css的关系就像人的身体与衣服，通过更改css样式，可以轻松控制网页的表现
样式。</p>
<h2>二、CSS3的优势</h2>
<p>使用CSS3不仅可以设计炫酷美观的网页，还提高网页的性能</p>
<h3>1.节约成本</h3>
<p>CSS3的新功能帮我们摒弃了多余的代码结构，远离很多JAVASCRIPT脚本或者Flash代码。网页设计
者不再需要花大把时间去写脚本，极大的节约了开发成本。</p>
<h3>2.提高性能</h3>
<p>由于功能的加强，css能够用更少的图片或脚本制作图形化网站。在进行网页设计时，减少标签的
嵌套和图片的使用数量，网页页面加载也会更快。</p>
</div>
</body>
</html>
浙公网安备 33010602011771号