网页开发（五）——CSS

以上做的网页其实还是有点丑，因此我们要使用CSS来“美化”标签，美化页面。

1.1 CSS应用方式

1、在标签上应用，直接写上style进行应用：<div style="color:red">中国联通</div>

2、在head标签中写style标签，如图所示，在head标签中加入style，并在应用的时候写上class=‘c1’.这种方式调用样式比较简单。

 3、写到文件中，直接调用文件，当有很多样式的时候，就比较方便。commons.css要放在static目录下

 调间距，可以使用style=“height：50PX；”

使用flask框架总是不太方便，pycharm就可以让我们快速编写前端代码并查看效果，最后再将页面集成到flask中。

1.2 选择器

选择器也有不同的应用方式，他们都在head中，style里

（1）类选择器             .c1{color:red;}       <div class="c1">中国</div>

（2）ID选择器：