CSS里有pink这个颜色属性吗？

html-css016

CSS里有pink这个颜色属性吗？,第1张

pink就是粉红色咯，比如下面的div底色就是pink：

<div style="width:100px height:100px background-color:pink"></div>

用颜色值来表示就是：

<div style="width:100px height:100px background-color:#FFC0CB"></div>

用RGB值来表示就是：

<div style="width:100px height:100px background-color:rgb(255,192,203)"></div>

1、新建一个html文件，命名为test.html。

2、在test.html文件内，使用font标签创建三行文字，分别用不同的方法给font字体设置颜色。

3、在test.html文件内，直接在font标签上，通过color属性来设置字体的颜色。例如，设置font字体的颜色为红色。

4、在test.html文件内，设置font标签的class属性为myclass，主要用于下面通过该class来设置css样式。

5、在test.html文件内，设置font标签的id属性为myid，主要用于下面通过该id来设置css样式。

6、在css标签中，设置类名为myclass的样式，例如，设置color属性为蓝色（blue）；设置id为myid的样式，例如，设置color属性为粉红色（pink）。

7、在浏览器打开test.html文件，查看实现的效果。

三大特性：层叠性、继承性、优先级

相同选择器给设置相同的样式，此时一个样式就会覆盖（层叠）另一个冲突的样式。层叠性主要解决样式冲突问题。

在这里会显示的颜色为pink，字体大小为20px。

子标签会继承父标签的某些样式

在这里p标签会显示红字，20px。

行高的继承

当同一个元素指定多个选择器，就会有优先级的产生

p为白色因为继承权重为0，无论父类是什么权重都不继承。

所以如果要给a设置样式就要单独设置一个a的样式。

这里显示的为蓝色，因为权重大。

最终大猪蹄子的颜色为红色，大肘子和猪尾巴为蓝色。