2023年6月21日发(作者：)

CSS基本语法基础-常⽤属性⽂字属性colorcolor属性给⽂字设置颜⾊，属性名是color，属性值是颜⾊名或颜⾊值。颜⾊名就是使⽤颜⾊的英⽂单词进⾏表⽰。以下时⼀些常⽤的颜⾊名，更多颜⾊名可以查询⼿册CSS颜⾊中⽂名红⾊橙⾊黄⾊绿⾊青⾊蓝⾊紫⾊颜⾊名redorangeyellowgreencyanbluepurple中⽂名⿊⾊⽩⾊⾦⾊粉⾊浅灰⾊黄绿⾊天蓝⾊颜⾊名blackwhitegoldpinklightyellowyellowgreenskylue颜⾊值指的是使⽤具体颜⾊的数值表⽰，包括rgb模式和⼗六进制模式写法。rgb模式是根据红绿蓝三原⾊进⾏混合⽽成的颜⾊模式，每个原⾊的取值范围是0-255，⼀共256个数值。三个原⾊共能混合成1677多万种颜⾊，书写⽅法是rgb(红,绿,蓝)。以下是常⽤的rgb⾊值：中⽂名红⾊绿⾊蓝⾊rgb⾊值rgb(255,0,0)rgb(0,255,0)rgb(0,0,255)中⽂名⿊⾊⽩⾊灰⾊rgb⾊值rgb(0,0,0)rgb(255,255,255)rgb(128,128,128)⼗六进制模式是rgb模式的⼀种简化写法，使⽤⼗六进制的数字字符去替换⼗进制的0-255的数字。⼗六进制逢⼗六进⼀，每个位数上只能出现0-9、a-f之间的字符。书写为颜⾊值时，红绿蓝每个⾊值都要使⽤两位数的⼗六进制进⾏替换。书写⽅式：使⽤

# 开头，后⾯连续书写红、绿、蓝三个颜⾊的⼗六进制的两位数值，如果红、绿、蓝三个原⾊的⾊值每⼀个 都是由重叠的数字组成，可以将重叠的数字简化成⼀个进⾏书写。以下时常⽤的⼗六进制⾊值：中⽂名红⾊绿⾊蓝⾊⼗六进制⾊值#ff0000 简写:#f00#00ff00 简写:#0f0#0000ff 简写:#00f中⽂名⿊⾊⽩⾊灰⾊⼗六进制⾊值#000000 简写:#000#ffffff 简写:#fff#808080 不可简写⽂字属性font-familyfont-family定义元素内⽂字的字体，属性名是font-family，字体属于font综合属性的⼀个单⼀属性，属性值是字体名称，必须包裹在⼀对引号中，属性值可以有多个，值之间⽤逗号分隔。如果不设置字体属性，不同浏览器会使⽤⾃⼰的默认字体。常⽤的中⽂字体：宋体（SimSun），微软雅⿊（Microsoft Yahei）常⽤的英⽂字体：Arial，consolas注意事项：1. font-family 可以设置多个字体名称，在实际加载时只会选择⼀种加载，选择的 依据是按书写顺序进⾏，如果浏览器不⽀持第⼀个字体，则会尝试下⼀个，直到找 到第⼀个⽀持的字体。2. 浏览器中加载的字体是⽤户机器中⾃带的，如果⽤户的电脑中没有设置的字体则 加载失败，需要查找下⼀个，因此，必须在最后设置⼀个所有机器都具备的通⽤字体作为后路。3. 中⽂字体中⼀般带有英⽂可以加载的字体效果，为了避免对英⽂字的字体影响， 建议将英⽂字体写在属性值最前⾯。⾸选字体需要根据设计图确定，最后需要设置备⽤字体。

字体，font-family

⽂字属性font-sizefont-size属性⽤于设置⽂字⼤⼩，属性名是font-size，字号属于font综合属性的⼀个单⼀属性，属性值是可以使⽤相对长度，也可以使⽤绝对长度单位，推荐使⽤相对长度单位。相对长度单位pxem%说明像素值，最常使⽤的单位倍数，继承⾃祖先元素设置的字号的倍数百分⽐，继承⾃祖先元素设置的字号百分⽐绝对长度单位incmmmpt说明英⼨厘⽶毫⽶点注意事项：1. 如果 HTML 中不设置字号，不同的浏览器有⾃⼰默认的加载字号，⽐如 chrome、 IE，默认显⽰字号为 16px。2. 不同的浏览器也有⾃⼰最⼩加载显⽰字号，如果设置的字号低于最⼩字号，都以 最⼩字号加载，0除外。chrome 浏览器最⼩加载显⽰字号为8px，IE 浏览器最⼩可 以⽀持1px的字号。⽹页中最⼩设置字号必须是12px，如果低于12px会出现兼容问题。现在⽹页中普 遍使⽤14px+。尽量使⽤12px、14px、16px等偶数的数字字号，ie6 等⽼式浏览器⽀持奇数会有 bug。实际⼯作中的字号，需要以设计图为准。

字号，font-size

盒⼦实体化三属性如果想在浏览器中具体看到⼀个盒⼦占有的实际位置，需要设置盒⼦可以实体化的三属性。属性名widthheightbackground-color属性值px单位的数值px单位的数值颜⾊名、颜⾊值说明定义元素占有的宽度定义元素占有的⾼度定义元素背景的颜⾊
1

2023年6月21日发(作者：)

CSS基本语法基础-常⽤属性⽂字属性colorcolor属性给⽂字设置颜⾊，属性名是color，属性值是颜⾊名或颜⾊值。颜⾊名就是使⽤颜⾊的英⽂单词进⾏表⽰。以下时⼀些常⽤的颜⾊名，更多颜⾊名可以查询⼿册CSS颜⾊中⽂名红⾊橙⾊黄⾊绿⾊青⾊蓝⾊紫⾊颜⾊名redorangeyellowgreencyanbluepurple中⽂名⿊⾊⽩⾊⾦⾊粉⾊浅灰⾊黄绿⾊天蓝⾊颜⾊名blackwhitegoldpinklightyellowyellowgreenskylue颜⾊值指的是使⽤具体颜⾊的数值表⽰，包括rgb模式和⼗六进制模式写法。rgb模式是根据红绿蓝三原⾊进⾏混合⽽成的颜⾊模式，每个原⾊的取值范围是0-255，⼀共256个数值。三个原⾊共能混合成1677多万种颜⾊，书写⽅法是rgb(红,绿,蓝)。以下是常⽤的rgb⾊值：中⽂名红⾊绿⾊蓝⾊rgb⾊值rgb(255,0,0)rgb(0,255,0)rgb(0,0,255)中⽂名⿊⾊⽩⾊灰⾊rgb⾊值rgb(0,0,0)rgb(255,255,255)rgb(128,128,128)⼗六进制模式是rgb模式的⼀种简化写法，使⽤⼗六进制的数字字符去替换⼗进制的0-255的数字。⼗六进制逢⼗六进⼀，每个位数上只能出现0-9、a-f之间的字符。书写为颜⾊值时，红绿蓝每个⾊值都要使⽤两位数的⼗六进制进⾏替换。书写⽅式：使⽤

# 开头，后⾯连续书写红、绿、蓝三个颜⾊的⼗六进制的两位数值，如果红、绿、蓝三个原⾊的⾊值每⼀个 都是由重叠的数字组成，可以将重叠的数字简化成⼀个进⾏书写。以下时常⽤的⼗六进制⾊值：中⽂名红⾊绿⾊蓝⾊⼗六进制⾊值#ff0000 简写:#f00#00ff00 简写:#0f0#0000ff 简写:#00f中⽂名⿊⾊⽩⾊灰⾊⼗六进制⾊值#000000 简写:#000#ffffff 简写:#fff#808080 不可简写⽂字属性font-familyfont-family定义元素内⽂字的字体，属性名是font-family，字体属于font综合属性的⼀个单⼀属性，属性值是字体名称，必须包裹在⼀对引号中，属性值可以有多个，值之间⽤逗号分隔。如果不设置字体属性，不同浏览器会使⽤⾃⼰的默认字体。常⽤的中⽂字体：宋体（SimSun），微软雅⿊（Microsoft Yahei）常⽤的英⽂字体：Arial，consolas注意事项：1. font-family 可以设置多个字体名称，在实际加载时只会选择⼀种加载，选择的 依据是按书写顺序进⾏，如果浏览器不⽀持第⼀个字体，则会尝试下⼀个，直到找 到第⼀个⽀持的字体。2. 浏览器中加载的字体是⽤户机器中⾃带的，如果⽤户的电脑中没有设置的字体则 加载失败，需要查找下⼀个，因此，必须在最后设置⼀个所有机器都具备的通⽤字体作为后路。3. 中⽂字体中⼀般带有英⽂可以加载的字体效果，为了避免对英⽂字的字体影响， 建议将英⽂字体写在属性值最前⾯。⾸选字体需要根据设计图确定，最后需要设置备⽤字体。

字体，font-family

⽂字属性font-sizefont-size属性⽤于设置⽂字⼤⼩，属性名是font-size，字号属于font综合属性的⼀个单⼀属性，属性值是可以使⽤相对长度，也可以使⽤绝对长度单位，推荐使⽤相对长度单位。相对长度单位pxem%说明像素值，最常使⽤的单位倍数，继承⾃祖先元素设置的字号的倍数百分⽐，继承⾃祖先元素设置的字号百分⽐绝对长度单位incmmmpt说明英⼨厘⽶毫⽶点注意事项：1. 如果 HTML 中不设置字号，不同的浏览器有⾃⼰默认的加载字号，⽐如 chrome、 IE，默认显⽰字号为 16px。2. 不同的浏览器也有⾃⼰最⼩加载显⽰字号，如果设置的字号低于最⼩字号，都以 最⼩字号加载，0除外。chrome 浏览器最⼩加载显⽰字号为8px，IE 浏览器最⼩可 以⽀持1px的字号。⽹页中最⼩设置字号必须是12px，如果低于12px会出现兼容问题。现在⽹页中普 遍使⽤14px+。尽量使⽤12px、14px、16px等偶数的数字字号，ie6 等⽼式浏览器⽀持奇数会有 bug。实际⼯作中的字号，需要以设计图为准。

字号，font-size

盒⼦实体化三属性如果想在浏览器中具体看到⼀个盒⼦占有的实际位置，需要设置盒⼦可以实体化的三属性。属性名widthheightbackground-color属性值px单位的数值px单位的数值颜⾊名、颜⾊值说明定义元素占有的宽度定义元素占有的⾼度定义元素背景的颜⾊
1