JavaWeb学习笔记3 CSS2 CSS和HTML结合方式

1、第一种

在标签的style属性设置"key:value value;"，修改标签样式

运行后：

这种方式的缺点：

• 如果标签多了，样式多了，代码量非常庞大
• 可读性非常差
• CSS代码没什么复用性可言

如图，长且没有复用性

2、第二种

在head标签中，使用style标签来定义各种自己需要的css样式
格式如下:
xxx{
Key:value value;
]

运行后：

这种方式的缺点：

• 只能在同一页面复用代码，不能在多个页面中复用css代码
• 维护起来不方便，实际项目中有成千上万个页面，要到每个页面中区修改。工作量太大。

3、第三种

把css样式写成一个单独的css文件，再通过link标签引入即可复用。



运行后：