CSS的作用及字体样式

为什么要美化网页？
1.有效的传递页面信息
2.美化网页、页面漂亮才能吸引用户
3.凸显页面的主题
4.提高用户的体验

span标签：重点要突出的字使用span标签套起来（约定俗成）

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>span标签</title><style>#title1{font-size: 50px;        /*font-size 属性用于设置字体大小*/}</style>
</head>
<body><span id="title1">学习CSS</span></body>
</html>

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>字体样式</title><style>body{font-family:"Sitka Small", 华文楷体;      /*  font-family 规定元素的字体系列  同时定义了英文字体和中文字体*/color: #0a4379;            /*   字体颜色  */}h2{font-size: 35px;          /*  font-size 字体大小  */font-size: 2em;           /*  px像素  em缩进  */}.p1{font-weight: bold;        /*   font-weight  字体粗细 （bold粗）（lighter细）也可定义数字400等同于normal，700等同于bold，最大值为900 */}</style>
</head>
<body><h2>《克苏鲁的呼唤》</h2><p class="p1">在身为闪米特语教授的叔祖父乔治·甘默尔·安杰尔离奇死去后，主人公弗朗西斯·维兰德·瑟斯顿作为他的继承人接收了遗产。
</p><p>然而在整理其叔祖父的资料中，却发现了一个怪异的雕像与诸多杂乱无章的字条、笔记和简报。出于好奇与对于先人的尊敬，瑟斯顿开始追寻其中的秘密。
</p><p>最终在杂乱无章的简报与安杰尔教授的手稿之下，知晓了一个安杰尔教授死前仍痴迷调查的“克苏鲁异教”，以及他们所信仰的一位自亘古即存在于地球的群星来客——旧日支配者克苏鲁。
</p><p>瑟斯顿痴迷于探求安杰尔教授所说的“克苏鲁异教”上，并偶然从旧报纸了解到曾经在悉尼发现的神秘弃船事件。伴随着种种线索，瑟顿斯拼凑出可怕的真相：克苏鲁的确存在。
</p><p>他依旧在拉莱耶沉睡与等待着，直到众星归位之时，他将再度醒来统治世界。而瑟顿斯自己，也因为了解到宇宙蕴含的恐怖后将随逝者而去。
</p><p>The time that my journey takes is long and the way of it long.</p><p>I came out on the chariot of the first gleam of light, and pursued my voyage through the wildernesses of worlds leaving my track on many a star and planet.
</p></body>
</html>

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>字体样式2</title><style>p{font: oblique lighter 18px "微软雅黑";      /*  斜体 细 18像素 微软雅黑*/}</style>
</head>
<body><p>font-weight 属性设置文本的粗细。</p><p>该属性用于设置显示元素的文本中所用的字体加粗。数字值 400 相当于 关键字 normal，700 等价于 bold。
</p><p>每个数字值对应的字体加粗必须至少与下一个最小数字一样细，而且至少与下一个最大数字一样粗。
</p></body>
</html>

CSS的作用及字体样式相关推荐

CSS的作用与各种样式
本次博客带领大家学习CSS的作用和各种样式. CSS的作用可以节省大量时间: CSS提供了一种简单的方法来更新文档的格式,并保持多个文档之间的一致性,使得维护变得简单容易: 页面加载速度更快: HT ...
【温故知新】CSS学习笔记（字体样式属性）附加篇
CSS字体样式属性目录 CSS字体样式属性一.font属性二.color属性三.line-height 行间距(行高) 四.text-align 水平对齐方式五.text-indent 首行 ...
【温故知新】CSS学习笔记（字体样式属性）
CSS字体样式属性一.font-size:字号大小该属性可以使用相对长度单位(推荐),也可以使用绝对长度单位,推荐使用像素单位px. 相对长度单位说明 em ...
html/css导入自己的字体样式
步骤一: 先将要添加的字体放入工程内,如:HYShangWeiShouShuW.ttf 步骤二: 在css文件中,声明字体样式,命名为 shangwei @font-face {font-family ...
html语言中如何设置字体,css中如何设置字体样式？
CSS设置字体 DIV内文字字体样式如何设置,怎么设置对象内文字字体样式,比如黑体.宋体.微软雅黑.英文字体等字体如何设置? css可以通过font-family属性来设置字体样式,font-fami ...
css宋体代码_css字体样式
css字体样式 font-size : 字体大小 font-size属性用于设置字号,该属性的值可以使用相对单位长度,也可以使用绝对单位长度. 相对长度单位说明 em 相对当前对象内文本的字体尺寸 ...
CSS（一）字体样式属性
CSS字体样式属性一)字体 1.font-size 推荐使用相对长度像素单位px 2.font-family: * {font-family: Arial, '幼圆';} 浏览去从前往后查找字体. ...
CSS学习07之字体样式
回顾属性选择器为带有属性的 HTML 元素设置样. 顾名思义可以设置带有特定属性或属性值的 HTML 元素的样式. 使用方式属性选择器:元素类型[属性名=属性值(正则)] 字体样式和span标签 ...
html网页好看字体，css设置各种中文字体样式
网页字体样式华文黑体:STHeiti 网页字体样式华文楷体:STKaiti 网页字体样式华文宋体:STSong 网页字体样式华文仿宋:STFangsong 网页字体样式黑体:SimHei 网页字体样式 ...

CSS的作用及字体样式

CSS的作用及字体样式相关推荐

最新文章

热门文章