目录

开始学习CSS,为网页添加样式

2017年08月01日 08:38 | 2751次浏览 作者原创 版权保护

CSS是一个很神奇的东西,设计者可以通过修改样式表的定义而使网页呈现出完全不同的外观。本章就开始带领大家来学习CSS样式:先来认识CSS样式、了解CSS样式的优势、最后讲解CSS代码语法和CSS注释代码。

认识css

CSS全称为“层叠样式表 (Cascading Style Sheets)”,它主要是用于定义HTML内容在浏览器内的显示样式,如文字大小、颜色、字体加粗等。

如下列代码:

p{
   font-size:12px;
   color:red;
   font-weight:bold;
}

使用CSS样式的一个好处是通过定义某个样式,可以让不同网页位置的文字有着统一的字体、字号或者颜色等。

练习

新建示例页面demo.html,示例代码如下:

我来试一试:用css样式代码修改字体大小

在示例代码中的第8行修改

“font-size:12px;”为“font-size:20px;”

然后浏览器打开demo.html,观察页面变化

示例代码

<!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:12px;/*设置文字字号*/
   color:red;/*设置文字颜色*/
   font-weight:bold;/*设置字体加粗*/
}
</style>
</head>
<body>
<p>V型知识库,超酷的互联网、IT技术聚合学习平台,本平台以电子书的形式展现给用户,知识节点聚合,章节清晰并结构化,给用户良好的阅读学习体验。</p>
</body>
</html>



小说《我是全球混乱的源头》
此文章本站原创,地址 https://www.vxzsk.com/1280.html   转载请注明出处!谢谢!

感觉本站内容不错,读后有收获?小额赞助,鼓励网站分享出更好的教程