整合营销服务商
电脑端+手机端+微信端=数据同步管理
免费咨询热线：
电脑端+手机端+微信端=数据同步管理
免费咨询热线：
SS学习之font-style
语法：
font-style ： normal | italic | oblique
参数：
normal ： 正常的字体
italic ： 斜体。对于没有斜体变量的特殊字体，将应用oblique
oblique ： 倾斜的字体
说明：
设置或检索对象中的字体样式。
对应的脚本特性为fontStyle。
示例：
p { font-style: normal; }
p { font-style: italic; }
p { font-style: oblique; }
实例图
景定位
background-position 属性定义背景定位。
让body背景图垂直居中显示。
body{
background-image: url(../img/flower.jpg);
background-repeat:no-repeat;
background-attachment: fixed;
background-position: center;
}
浏览器中显示：
背景图垂直居中显示
background-position属性值的用法：
属性值第一个值为水平位置，第二个值是垂直位置。可以使用百分比，像素，关键字来定义属性值。
x% y%
background-position: 50% 50%；
xpos ypos
background-position: 100px,200px;
关键字值得用法:
background-position: top,center;
可能的 值：
top left
top center
top right
center left
center center
center right
bottom left
bottom center
bottom right
CSS 字体
1.font-size 设置字体大小。（浏览器默认的是16px）
p{font-size:14px;}
注意第二个字体设置为16px是为了让童靴们对比出默认字体大小。
浏览器中显示：
2.font-weight 设置字体的粗细。
p{font-weight:bold}
font-weight 属性值：
normal 默认值。定义标准的字符。
bold 定义粗体字符。
bolder 定义更粗的字符。
lighter 定义更细的字符。
数字定义：定义由粗到细的字符。400 等同于 normal，而 700 等同于 bold。
100
200
300
400
500
600
700
800
900
3.font-family
设置字体系列。属性值可以是多个。
p{font-family:"Times New Roman",Georgia,Serif;}
上面的例子设置了多个属性值，如果浏览器不支持第一个字体，则会尝试下一个。
你必须非常努力，才能看起来毫不费力！
关注小白前端，持续收到文章推送！
以下HTML标记用于格式化网页上文本的外观。这可以使网页变得更加生动，但是，文本格式的太多变化也会使人不快。
head标记有6个级别可用，从h1用于最大和最重要的标题，到h6是最小的标题。
b标记之间的文本以粗体显示，与周围的文本相对突出。
i标记以一个小角度显示文本。
u标记在文本正文添加一条线，请注意，链接已经有下划线，不需要额外的标记。
strike标记在文本的正中间画一条线，通常用来表示文本是旧的，不再相关，删除。也可以用<s></s>代替。
pre标记之间的任何文本，包括空格、回车符和标点符号，都将像在文本编辑器中一样显示在浏览器中（通常浏览器会忽略多个空格）
code标记之间的文本以固定宽度字体显示，通常在显示源代码时使用。
tt标记之间的文本就像是用打字机打出了一个固定宽度的文字。
blockquote标记定义一个块引用，并且在块的左右添加额外的边距。
small标记让你无需设置字体大小，就可以使文本呈现比周围稍小的外观。
font标记的color属性改变几个字或一段文字的颜色。属性使用十六进制颜色代码。
font标记的size属性改变字体的大小，值范围从1到7，1是最小，7是最大。
font标记的size属性还可以相对于其前面的字体大小的作即时更改，此用法将按你指定的数字增减字体大小。例如：<font size="-1">一些文本</font>
font标记的face属性以指定的字体显示文本，值为字体名称，如“Helvetica”、“Arial”或“Courier”。
center标记之间的所有内容都居中。
em标记用于强调文本，文本通常以斜体显示，可能会根据浏览器的不同而有所不同。
strong标记用于着重强调文本，通常以粗体显示，可能会根据浏览器的不同而有所不同。
下面是以上标记的示例：
浏览器显示内容如下所示：
*请认真填写需求信息，我们会在24小时内与您取得联系。
