1.首先打开电脑上自带的记事本程序，然后输入html网页基本结构语句
。
2.由于css样式必须在标签之间，因此我们点击后面，输标签。
3.在head标签之间输入样式标签,
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；
4.然后点击body标签后面输入正文标签内容，例如
这是KING
这是KING
这是KING
这个KING设置20内边距。
5.点击记事本菜单中的文件，选择另存为，把内容保存为html网页格式。双击打开预览效果。
6.我们可以发现代码中两个同样的
标签显示的css样式却不同，区别就在于样式中定义的p.no2,这就是正文代码中class="no2"的优势所在，可以定义个性风格。
1.首先打开电脑上自带的记事本程序，从HTML5开始就不再支持属性了。你想设置背景颜色和网页其它方面的样式，就得使用CSS。
2.然后输入html网页基本结构语句。。
3.由于css样式必须在标签之间，因此我们点击后面，输入标签。
4.在head标签之间输入样式标签,然后定义一些属性，例如
5.然后点击body标签后面输入正文标签内容，例如
这是KING 这是KING这是KING
这个KING设置20内边距。
6.点击记事本菜单中的文件，选择另存为，把内容保存为html网页格式，双击打开预览效果，设置好了。
可以直接使用css样式给h1标签添加一个背景色即可。以下是具体实现代码
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<style>
h1{background:red}
</style>
</head>
<body>
<h1>这是一个标题测试</h1>
<h1>这是另一个标题测试</h1>
</body>
</html>
运行结果：
扩展资料：
HTML的优点：
1、简易性：超级文本标记语言版本升级采用超集方式，从而更加灵活方便。
2、可扩展性：超级文本标记语言的广泛应用带来了加强功能，增加标识符等要求，超级文本标记语言采取子类元素的方式，为系统扩展带来保证。
3、平台无关性：虽然个人计算机大行其道，但使用MAC等其他机器的大有人在，超级文本标记语言可以使用在广泛的平台上，这也是万维网（WWW）盛行的另一个原因。
4、通用性：另外，HTML是网络的通用语言，一种简单、通用的全置标记语言。它允许网页制作人建立文本与图片相结合的复杂页面，这些页面可以被网上任何其他人浏览到，无论使用的是什么类型的电脑或浏览器。
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）