Javaweb-基础标签&样式-02

目录

Case:

CSS的引入方式：

Color

---

Case:

 该网页原网页地址为：焦点访谈：中国底气 新思想夯实大国粮仓_新浪新闻

 观察原图可以看到里面的样式是灰色的并且线条也做了颜色处理，这种操作就需要CSS来处理。

CSS的引入方式：

 外联样式就是单独创建一个CSS文件。

行内样式：

<h1 style="color: black;">焦点访谈： 中国底气 新思想夯实大国粮仓</h1>

内嵌样式：

在head标签内添加style标签 内包含选择器

<style>
        /* 选择器 */
        h1 {
            color: red;
        }
     </style> 

外联样式：

新建一个文件CSS,新建一个.css文件里面存储上面内联样式中包含的内内部选择器设置，然后再html文件中使用link标签引用该文件。可以做到css样式的复用。

h1 {
    color: red;
}

<link rel="stylesheet" href="./CSS/news.css">

Color

三种颜色表示法:

那么如何能够准确的找到某个颜色对应的参数呢，可以使用谷歌的拾词器LIVE COLOR PICKER,其他的也可以：