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

html-css024

救助:在静态网页上加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可能是用专人员来写,代码可以很长,也可以很细。

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

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

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

空间表达:

内嵌

分层

外嵌

职业表达:

个人

私人

团队

分工表达:

简单

中等

难度

第一次,也就是新学了。

所以你可以不关注网页的兼容性,标签嵌套的合理性和css精简之类的。

但是仍然要注意以下几点:

1.写网页之前,请优先思考网页的结构和布局方式,最好先一步规划出来,学会自主用其它方式构建,不能一行一行死敲。

2.标签对有开头就马上补结尾,别写到后面记不清前面有几个开头,几个结尾,导致界面凌乱。

3.网页的风格配色,请尽量使用简约柔和的颜色代码,别做出一个有精神污染的页面。