<!DOCTYPE html> <html lang="en"> <head > <meta charset="UTF-8"> <title>aaa</title> </head> <body bgcolor="#7358ff" text="black" > <!--body标签的 bgcolor属性设置背景颜色，text属性字体颜色, 重点:body标签的背景图片可以由 background属性设置。 background="xxx.jpg" 但是body标签设置 背景颜色，字体颜色，背景图片 不要跟div弄混，不一样的， div需要在style里设置。body也有style属性，应该也可以跟div一样用style设置 颜色值3种格式 第一种就是#ffffff 六位十六位表示RGB 第二种是直接以名字 black white 第三种是这样 rgb(255,255,255) --> <div style="background-color: rgb(200,150,250);width:255px;height:255px"> aaaa </div> <!-- div的背景颜色由style里设置，可以直接写在style属性里，但是一般都是在css文件里设置 background-color:设置颜色 --> <div style="color: blanchedalmond ;font-size:3em; font-family:Times; font-style: oblique; font-weight: 900; background-image:url(68.jpg);width: 1000px;height: 1000px; "> aaa </div> <!-- div的背景图片 background-image:url(/a/b/xx.jpg) div的字颜色 color:black; div的字大小 font-size:100px; 可以用px 也就是像素设置，但是一般都用em单位来设置字体大小， 1em=16像素 1em 等于当前的字体尺寸。如果一个元素的 font-size 为 16 像素，那么对于该元素，1em 就等于 16 像素。在设置字体大小时，em 的值会相对于父元素的字体大小改变。 浏览器中默认的文本大小是 16 像素。因此 1em 的默认尺寸是 16 像素。 可以使用下面这个公式将像素转换为 em：pixels/16=em （注：16 等于父元素的默认字体大小，假设父元素的 font-size 为 20px，那么公式需改为：pixels/20=em） 父元素也就是包含这个元素的元素 在所有浏览器中均有效的方案是为 body 元素（父元素）以百分比设置默认的 font-size 值： 实例 body {font-size:100%;} h1 {font-size:3.75em;} h2 {font-size:2.5em;} p {font-size:0.875em;} 也就是说em并不是时刻都是16px 其实这些都写在了style里，也就是等于是设置style的属性，拥有style属性的任何标签都可以这样设置，到时候都可以写在CSS文件里。 字体:font-family:(Times, TimesNR, 'New Century Schoolbook', Georgia, 'New York', serif;)设置字体 不是字体有这么多，而是从第一个开始设置，第一个可以，就用第一个字体，不行就换下一个，最后一个值是都没有 的话就用系统默认的字体格式。 字体名字有空格或者有其他符号时 需要加单引号或者双引号。 但是在style属性里，因为已经有了双引号 就要用单，但是如果是style标签，那就可以用双引号 文本是否倾斜：font-style:normal - 文本正常显示 italic - 文本斜体显示 oblique - 文本倾斜显示 文本粗细:font-weight:100 font-weight:normal/bold/lighter 100-900代表了九级的粗度 关键字 100 ~ 900 为字体指定了 9 级加粗度。如果一个字体内置了这些加粗级别， 那么这些数字就直接映射到预定义的级别，100 对应最细的字体变形，900 对应最粗的字体变形。 数字 400 等价于 normal，而 700 等价于 bold。 使用小型的大写字母来显示: font-variant:normal/small-caps --> </body> </html>具体效果如下：
代码解释如下：
设置了一下 body的背景颜色
<body bgcolor="#7358ff" text="black" > <!--body标签的 bgcolor属性设置背景颜色，text属性字体颜色, background="xx.jpg" 设置背景图片 重点:body标签的背景图片可以由 background属性设置。 background="xxx.jpg" 但是body标签设置 背景颜色，字体颜色，背景图片 不要跟div弄混，不一样的， div需要在style里设置。body也有style属性，应该也可以跟div一样用style设置 颜色值有是那种格式， 第一种就是#ffffff 六位十六位表示RGB 第二种是直接以名字 black white 第三种是这样 rgb(255,255,255) -->需要注意的就是body设置背景颜色 背景图片 文字颜色 是不用写在style里的。颜色值的格式也需要注意一下。
而div则需要写在style里，具体的实现也不一样。
还创建了两个div，
<div style="background-color: rgb(200,150,250);width:255px;height:255px"> aaaa </div>
<div style="color: blanchedalmond ;font-size:3em; font-family:Times; font-style: oblique; font-weight: 900; background-image:url(68.jpg);width: 1000px;height: 1000px; "> aaa </div>
设置了第一个div的 背景颜色，长宽。都需要写在style里。
<!-- div的背景颜色由style里设置，可以直接写在style属性里，但是一般都是在css文件里设置 background-color:设置颜色 -->
设置了第二个div的 背景图片，字体属性等值。
div的背景图片 background-image:url(/a/b/xx.jpg) div的字颜色 color:black; div的字大小 font-size:100px; 可以用px 也就是像素设置，但是一般都用em单位来设置字体大小， 1em=16像素 1em 等于当前的字体尺寸。如果一个元素的 font-size 为 16 像素，那么对于该元素，1em 就等于 16 像素。在设置字体大小时，em 的值会相对于父元素的字体大小改变。 浏览器中默认的文本大小是 16 像素。因此 1em 的默认尺寸是 16 像素。 可以使用下面这个公式将像素转换为 em：pixels/16=em （注：16 等于父元素的默认字体大小，假设父元素的 font-size 为 20px，那么公式需改为：pixels/20=em） 父元素也就是包含这个元素的元素 在所有浏览器中均有效的方案是为 body 元素（父元素）以百分比设置默认的 font-size 值： 实例 body {font-size:100%;} h1 {font-size:3.75em;} h2 {font-size:2.5em;} p {font-size:0.875em;} 也就是说em并不是时刻都是16px 其实这些都写在了style里，也就是等于是设置style的属性，拥有style属性的任何标签都可以这样设置，到时候都可以写在CSS文件里。 字体:font-family:(Times, TimesNR, 'New Century Schoolbook', Georgia, 'New York', serif;)设置字体 不是字体有这么多，而是从第一个开始设置，第一个可以，就用第一个字体，不行就换下一个，最后一个值是都没有 的话就用系统默认的字体格式。 字体名字有空格或者有其他符号时 需要加单引号或者双引号。 但是在style属性里，因为已经有了双引号 就要用单，但是如果是style标签，那就可以用双引号 文本是否倾斜：font-style:normal - 文本正常显示 italic - 文本斜体显示 oblique - 文本倾斜显示 文本粗细:font-weight:100 font-weight:normal/bold/lighter 100-900代表了九级的粗度 关键字 100 ~ 900 为字体指定了 9 级加粗度。如果一个字体内置了这些加粗级别， 那么这些数字就直接映射到预定义的级别，100 对应最细的字体变形，900 对应最粗的字体变形。 数字 400 等价于 normal，而 700 等价于 bold。 使用小型的大写字母来显示: font-variant:normal/small-caps -->
659
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
