随着网页设计和开发技术的不断发展，css(层叠样式表)成为了重要的网页设计语言。通过css，我们可以轻松控制网页的样式，从而实现更加出色的网页设计。在实际开发中，我们通常会将css文件放在外部。那么，接下来我们来讨论一下外部css怎么写。
一、创建CSS文件
首先，我们需要在网站根目录下创建一个CSS文件夹，在其中创建一个CSS文件。文件名建议用有意义的名称，以便于自己和他人管理。
二、连接CSS文件
在HTML文件中，我们需要通过连接CSS文件的方式引用CSS样式。我们可以使用外部链接方式（link）或者内嵌样式方式（style）。
立即学习“前端免费学习笔记（深入）”；
- 外部链接方式
其中，rel属性是指样式表和文档之间的关系，通常用“stylesheet”表示样式表；href属性是指样式表的地址。样式文件路径是相对于HTML文件的路径，可以是绝对路径或者相对路径。
例如：
LWP是Library for Web access in Perl的缩写，用途说得很清楚，就是一个访问Web服务器的Perl包。 利用LWP这个包，我们可以很方便的在我们的perl脚本里面访问外部的Web服务器上面的资源。 为什么要用LWP？ 现在的网站应用越做越复杂，要想简单的写一个Sockettelnet去用GET指令获取资源简直是不可能的，特别是一些需要用口令登陆的网站。 如果你只想简单获取一些资源而不想写太多比较复杂的代码的话，那么就应该选用一个合适的封装起来的HTTPD模块。 这些文件的确国内
- 内嵌样式方式
其中，type属性是指样式文件的类型，通常是“text/css”；样式内容是一段CSS代码。
例如：
三、书写CSS样式
在CSS文件中书写CSS样式的方式和在HTML文件中使用style标签书写CSS样式的方式类似。我们可以使用CSS选择器选中需要修改样式的部分，然后用CSS属性和属性值来设置样式。
例如：
body {
background-color: gray;
font-size: 16px;
font-family: Arial, Helvetica, sans-serif;
}在上面的代码中，我们选中了整个页面的body元素，并设置了它的背景颜色、字体大小和字体样式。
四、优点
使用外部CSS文件的方式可以带来以下几点好处：
- 分离结构与样式。将样式规则放在一个单独的文件里，可以使码农集中处理结构代码，专心排版样式。
- 差异化呈现。不同网站/页面可以共享一类样式文件，从而使网站保持统一的外观和感觉。
- 降低重复劳动。如果多个页面的样式相同，我们只需要在一个CSS文件中定义一次就可以了。
- 提高文件可重用性。CSS文件可以在多个Web页面间共享使用，提高了CSS文件的可重用性。
五、总结
以上就是外部CSS的写法和优点。当然，我们在实际开发中，需要注意文件路径和文件名的拼写，以免出现404等错误。另外，我们也要适应自适应布局的特点来书写CSS样式。通过不断的实践和学习，我们可以不断提高代码质量、优化用户体验，实现更加出色的网页设计。
