H5学习之11 body的background.div的background font的设置

来源：互联网发布：最新全国省份数据库编辑：程序博客网时间：2024/06/05 01:11

<!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-->

0 0