网站制作布局css的书写格式

速优网络（10年经验），服务数万家企业，固定透明报价。域名注册、主机/服务器、网站源码一站式服务。实体公司，专业团队，值得选择！建站业务：企业网站建设、公司官网制作、外贸网站建设、网站仿制、网站复制、仿站、外贸建站、单页扒站客服微信【suyoufuwu】

按着网站制作布局的通常习惯，css的书写与html分离，两个文件在编辑器里左一个右一个，同步编写。html 写下结构，css 里就写对应的样式。那么比如我写下了如下的 html：

Document

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Voluptatibus, delectus, quas, sapiente, hic vero quos

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Adipisci, totam neque non quam reiciendis itaque distinctio

Eum, placeat, illum, nobis at doloremque ut perspiciatis dolor vel perferendis debitis commodi voluptatibus a

然后我就要在这个 html 文件所在目录新建一个文件，名叫 style.css （被引用的 css 文件名）。然后在这个 css 文件里些如下内容：

/* 这里是CSS 的注释，你爱写点啥写点啥 */

#topbox {
color:red;
}
.box {
color:blue;
}

css的书写格式其实就是：

选择器 {属性:属性值;}

然后属性和属性值可以多次重复，就像下面：

#topbox {
color:red;
width:100px;
height:300px;
}

其实你都写在一行也行，我一个属性一行，前边还有缩进纯粹是为了便于阅读。所以还有 css 压缩一说，就是把 css 文件里所有不必须的空白和换行全部去掉，这样可以减小 css 文件的体积。当然这样的文件想要阅读……代码高亮了也如线团一般，所以我都是冲洗格式化以后再读。

然后在 html 中的属性值很多都不带单位，比如 width=100 就是宽度是 100 像素。但是在 CSS 里则必须带上单位width:100px; 才行。

以上就是速优网络和大家分享的"网站制作布局css的书写格式 ",非常感谢您有耐心的读完这篇文章，我们将为您提供更多参考使用或学习交流的信息。我们还可为您提供：企业网站建设、网站仿制、网站复制、仿站、外贸网站建设、外贸建站、公司官网制作等服务，本公司以“诚信、专业、务实、创新”的服务理念服务于客户。如您需要合作，请扫码咨询，我们将诚挚为您服务。

TAG标签：网站制作

上一篇：在对待网站建设纠纷上应当以理为先

下一篇：网页自适应屏幕的实现