<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>认识CSS样式</title>
<style type="text/css">
p{
font-size:20px;/*设置文字字号*/
color:red;/*设置文字颜色*/
font-weight:bold;/*设置字体加粗*/
}
</style>
</head>
<body>
<p>慕课网,超酷的互联网、IT技术免费学习平台,创新的网络一站式学习、实践体验;服务及时贴心,内容专业、有趣易学。专注服务互联网工程师快速成为技术高手!</p>
</body>
</html>
想问问
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>认识CSS样式</title>
和<style type="text/css">
这一行什么意思
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
这条代码设定页面使用的字符集“Content-Type”,定义了当前页面的文件类型“text/html”和编码方式“utf-8”。
<style type="text/css"></style>
表示这是样式表,在中间放入css内容; type是它的类型属性,text/css是它的值,它们是告诉浏览器这里面的文本内容(text)要当层叠样式表 (css)来解析,不能当作其它的来解析。
是告诉浏览器你这段代码内容 的执行方式
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">表示:告诉浏览器,准备接收一个html文件,且使用了utf-8编码。
<title>认识CSS样式</title>表示:这个html文件的标题为“认识CSS样式”。
<style type="text/css">表示:指明这是文本或css类型,告诉浏览器要按照这种类型来处理下面的代码。
告诉浏览器,在style标签内的东西是用 css代码或者 text文本写的。 不要解析错了。如果不支持。就跳过它。