关于颜色的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
转载请注明出处！谢谢！
感觉本站内容不错，读后有收获？小额赞助,鼓励网站分享出更好的教程
上一篇：CSS代码缩写，占用更少宽带
下一篇：11.2、CSS字体缩写
^