2、CSS 能够对网页中元素位置的排版进行像素级精确控制,支持几乎所有的字体字号样式,拥有对网页对象和模型样式编辑的能力。层叠样式是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言。CSS不仅可以静态地修饰网页,还可以配合各种脚本语言动态地对网页各元素进行格式化。
步骤如下:
1、首先打开电脑上自带的记事本程序,然后输入html网页基本结构语句。<html><body></body></html>
2、由于css样式必须在标签<head></head>之间,因此我们点击<html>后面,输入<head></head>标签。
3、在head标签之间输入样式标签<style></style>,然后定义一些属性,例如
<style type="text/css">
body {background-color: yellow} 定义网页背景色为黄色;
h1 {background-color: #00ff00} 定义h1标签背景色为#00ff00;
h2 {background-color: transparent} 定义h2标签背景色为透明;
p {background-color: rgb(250,0,255)} 定义p标签背景色为rgb值;
p.no2 {background-color: graypadding: 20px} 这个定义class属性为no2的p标签背景色为灰色,并且边距为20px;
</style>
4、然后点击body标签后面输入正文标签内容,例如
<h1>这是KING</h1>
<h2>这是KING</h2>
<p>这是KING</p>
<p class="no2">这个KING设置20内边距。</p>
5、点击记事本菜单中的文件,选择另存为,把内容保存为html网页格式。双击打开预览效果。6、我们可以发现代码中两个同样的<p>标签显示的css样式却不同,区别就在于样式中定义的p.no2,这就是正文代码中class="no2"的优势所在,可以定义个性风格。