了解网页项目开发流程

最新推荐文章于 2025-07-16 18:24:18 发布

wutenghui

最新推荐文章于 2025-07-16 18:24:18 发布

阅读量3.3k

点赞数 1

CC 4.0 BY-SA版权

分类专栏：学习笔记文章标签： html css

本文链接：https://blog.youkuaiyun.com/wutenghui/article/details/109223837

6 篇文章

订阅专栏

本文详细介绍了网页开发流程，包括需求分析、整体规划、界面设计、前端程序设计、前后端系统整合和测试验收。同时，讲解了网页开发中的常见技巧，如文件结构、head配置、icon图标设置、css分级引入、清除默认样式和公共及独有样式管理，旨在帮助开发者提升网页开发效率和质量。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

	<link rel="shortcut icon" href="favicon.ico" type="image/x-icon">

css文件设置需要根据功能进行分层管理：目的是为了提取出多个页面公共的部分，提供多个 HTML 同时引用。公共的部分也可以划分范围，有的是所有网站能用的，有的是某几个网站公共的部分
css 常见的分层组织：清除默认样式的 css，网站公共样式 css，每个页面自己独有的css
注意书写顺序，引入多层 css 时，需要按照后面的层叠前面的 css 进行设置，使用页面独有的样式层叠公共的样式

使用范围：单独的一个网站所有的页面、几个页面
制作方法：从设计图中观察，找到所有页面或多个页面公共的部分，划分成不同的模块分别进行 .css 文件的书写
命名习惯：common.css 或者模块名 .css
多个网站页面的公共部分书写之后不允许后期更改，一旦更改，多个引用的 HTML 页面都会发生变化，需要注意类名的使用，公共文件中的类名一般不要在其它的 css 文件中再用
引入顺序：一般在 reset.css 后面，单独样式文件前面

使用范围：单独的一个 HTML 页面
制作方法：找到页面独有的而其他页面没有的样式，单独书写在一个 .css 文件中，只有对应的 HTML 文件能够引用
命名习惯：一般文件名与 HTML 的文件名保持一致，例如 index.css,如果拆分的更细致可以使用多个单词的拼写，例如：index_banner.css 等
引入顺序：在所有公共样式的后面
注意：使用单独样式文件去层叠前面公共样式时，需要注意选择器权重

整个 css 分层引入的顺序

	<link rel="stylesheet" href="css/reset.css">
	<link rel="stylesheet" href="css/common.css">
	<link rel="stylesheet" href="css/index.css">