目录

11.1、CSS颜色值缩写

2017年09月18日 08:31 | 2472次浏览 作者原创 版权保护

关于颜色的css样式也是可以缩写的,当你设置的颜色是16进制的色彩值时,如果每两位的值相同,可以缩写一半。

例子1:

p{color:#000000;}

可以缩写为:

p{color: #000;}

例子2:

p{color: #336699;}

可以缩写为:

p{color: #369;}


练习

新建示例页面demo.html,示例代码如下

我也来试试,在示例页面代码中试一试颜色缩形式

示例代码

<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>relative样式</title>
<style type="text/css">
p{
    color:#336699;
}
</style>
</head>
<body>
    <p>文本文 V型知识库 本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本。</p>
</body>
</html>


笔记

CSS中颜色的表示方式有三种:

1:用英文单词直接描述,如:red,green,black等。

2:用16进制表示,如:#000000,#FFFFFF等

3:用缩写16进制表示,如:#000,#FFF等



小说《我是全球混乱的源头》
此文章本站原创,地址 https://www.vxzsk.com/1428.html   转载请注明出处!谢谢!

感觉本站内容不错,读后有收获?小额赞助,鼓励网站分享出更好的教程