CSS使用心得体会_CSS/HTML

php中文网

发布时间：2016-05-16 12:11:42

1911人浏览过

来源于php中文网

原创

一，CSS的管理

偶个人感觉比较重要，而且网上好像也比较少有说这方面的

一来管理好的话，在调用和定义CSS时，会省掉很多时间和麻烦

以下是偶的一些积累

首先是为何要外部导入或链接CSS

因为一个网页有很多页面，其中就要用到很多CSS（而且其中有一部分CSS是重复的），如果每页单独定义的话，以下是管理的方法，在index下的images文件夹中，CSS文件夹与之同级，方便调用和管理

开始做网站时，因为偶们大多在PS中都得到了平面图，这时可以初步的明确相同部分CSS

比如底部，正文

假设现在有a ,b ,c 三个样式出现在首页中

而子页中也会出现

则在首页中先定义a ,然后将b，c,也定义在a里，则CSS文件夹中，只会出现a

但子页导入a时，则可看见a,b,c 然后依次应用就可以了

SeoShop

SeoShop网店系统全站纯静态html生成更符合搜索引擎优化，并修改了以前许多js代码，取消了连接地址的js代码更换为纯div+css格式，并且所有文件可自定义url和文件名，自定义内部连接，自定义外部连接，等多个符合SEO搜索引擎优化的设置，让您的网店更容易让搜索引擎收录. 简单易用极速网店真正做到以人为本、以用户体验为中心，能使您快速搭建网上购物网站。后台管理操作简单，一目了然，没有夹杂多

下载

然后是一个页面中定义用多种超链接的样式

a:link

a:visited

a:hover

b:link

b:visited

b:hover

把前面的换掉就OK

但是注意不要用CSS不要用数字命名，如123之类的，也不要用ss12之类的数字与字母的结合

因为虽然用数字也行，但是在DW中，他是以默认的方式显示的，虽然在最后网页的上效果是一样，但是在DW中看起来很乱，所以.........最好还是用纯字母来命名

三，关于行高

一般常用的是用像素和%来设定

但是最好还是用%来设定，

因为在DW中像素所显示的和网上页的有点出入

而%设定的则和网页上的一样

看看图就晓得了

如何通过css flexbox实现卡片等高

在css中relative定位对子元素的影响

css引入方式对SEO有影响吗

如何用css transition优化列表项悬停效果

CSS字体斜体怎么实现_CSS字体斜体实现方式讲解

HTML速学教程(入门课程)

HTML怎么学习？HTML怎么入门？HTML在哪学？HTML怎么学才快？不用担心，这里为大家提供了HTML速学教程(入门课程)，有需要的小伙伴保存下载就能学习啦！

下载

本站声明：本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系admin@php.cn

上一篇：标准化——表格_CSS/HTML 下一篇：最窄770px最宽1024px的经典布局研究_CSS/HTML

热门AI工具

DeepSeek

幻方量化公司旗下的开源大模型平台

AI 编程开发 AI 聊天问答

豆包大模型

字节跳动自主研发的一系列大型语言模型

AI 编程开发 AI大模型

通义千问

阿里巴巴推出的全能AI助手

AI 编程开发 Agent智能体

腾讯元宝

腾讯混元平台推出的AI助手

文档处理 AI 聊天问答

文心一言

文心一言是百度开发的AI聊天机器人，通过对话可以生成各种形式的内容。

AI 编程开发 AI 文本写作

讯飞写作

基于讯飞星火大模型的AI写作工具，可以快速生成新闻稿件、品宣文案、工作总结、心得体会等各种文文稿

AI 文本写作中文写作

即梦AI

一站式AI创作平台，免费AI图片和视频生成。

图片拼接

ChatGPT

最最强大的AI聊天机器人程序，ChatGPT不单是聊天机器人，还能进行撰写邮件、视频脚本、文案、翻译、代码等任务。

AI 编程开发 AI 文本写作

智谱清言 - 免费全能的AI助手

AI 编程开发 Agent智能体

相关专题

Python 序列化

本专题整合了python序列化、反序列化相关内容，阅读专题下面的文章了解更多详细内容。

2026.02.02

AO3官网入口与中文阅读设置 AO3网页版使用与访问

本专题围绕 Archive of Our Own（AO3）官网入口展开，系统整理 AO3 最新可用官网地址、网页版访问方式、正确打开链接的方法，并详细讲解 AO3 中文界面设置、阅读语言切换及基础使用流程，帮助用户稳定访问 AO3 官网，高效完成中文阅读与作品浏览。

200

2026.02.02

主流快递单号查询入口实时物流进度一站式追踪专题

本专题聚合极兔快递、京东快递、中通快递、圆通快递、韵达快递等主流物流平台的单号查询与运单追踪内容，重点解决单号查询、手机号查物流、官网入口直达、包裹进度实时追踪等高频问题，帮助用户快速获取最新物流状态，提升查件效率与使用体验。

2026.02.02

Golang WebAssembly（WASM）开发入门

本专题系统讲解 Golang 在 WebAssembly（WASM）开发中的实践方法，涵盖 WASM 基础原理、Go 编译到 WASM 的流程、与 JavaScript 的交互方式、性能与体积优化，以及典型应用场景（如前端计算、跨平台模块）。帮助开发者掌握 Go 在新一代 Web 技术栈中的应用能力。

2026.02.02