救助：在静态网页上加CSS样式

html-css014

救助：在静态网页上加CSS样式,第1张

方法/步骤

<html> <div style="background:blue"></div></html>

以上是最简单的一种方式，可以在网页中直接加入，不过不能多代码的加入，只可以简单的几行代码的加入。

<html><style type="text/css"> div{ background-color: blue}</style> <div></div></html>

同在一个屋檐之下的一种表达方式，也是可以的，代码量可以加大，只是属于个人作品的一种表达方式，不是属于团队的开发之一。

<html><head> <link rel="stylesheet" type="text/css" href="baidu.css"></head></html>

使用上面的一种文档的方式，也是在企业中要用到的，不过CSS可能是用专人员来写，代码可以很长，也可以很细。

然后开发人员，可以直接使用的一种方式，团员开发的重点之重。

以上的三中方式，可能并不只是体现在差异性方面，更多的可能是开发时的实用性的一种主要体现。个人小程序可能也就不要分开来写；专业开发可能不必要文档；团队开发可能用文档比较专业一些，工作可能会更简单一些。

三种表达方式的总结说明：

空间表达：

内嵌

分层

外嵌

职业表达：

个人

私人

团队

分工表达：

简单

中等

难度

<html>

<head>

<title>CSS简单网页</title>

<style>

#box{width:500pxheight:500pxposition:relativelytop:50%left:50%margin-top:-250pxleft:-250pxbackground:#f00color:#fff}

</style>

</head>

<body>

<div id="box">这是一个简单的水平，垂直居中的盒子</div>

</body>

</html>

不懂的话，先买本书看懂些了再动手，一开始不要去碰这种自适应缩放布局，画个你这种框框隐藏二维码容易，但复制点的自适应你基础没打好会弄得失去信心的，先入门，把基础的问题、常见bug、兼容问题解决了来再搞这个。