【学习打卡】第1天 html和css的关系

2022/8/7 3:22:45

编程Tag： css3 HTML5

本文主要是介绍【学习打卡】第1天 html和css的关系，对大家解决编程问题具有一定的参考价值，需要的程序猿们随着小编来一起学习吧！

课程名称：初识HTML(5)+CSS(3)-升级版

课程章节：佛靠金装，人靠衣装 - html和css的关系和使用说明书 - 标签的语法

主讲老师：五月的夏天

课程内容：

学习html与css的关系

标签的语法

课程收获：

html标签的样子：

代码如下：

<p>我是一个p标签</p>

经过css修饰过后html标签：

代码如下：

  p {
         color: red;
         border: 1px solid blue;
         width: 140px;
         height: 40px;
     }

收获总结：

1、css是用来修饰html样式的

2、html本身是有一些默认样式,如果我们想改变html标签的样式,就需要借助css

3、html+css构成了我们网页的基本页面结构和样式

练习代码如下：

<!DOCTYPE html>
 <html>
     <head>
         <meta charset="UTF-8">
         <title>Html和CSS的关系</title>
         <style type="text/css">
         h1{
         font-size:12px;
         color:#999;
         text-align:center;
         color: red;
         }
         </style>
     </head>
     <body>
         <h1>Hello World!</h1>
     </body>
 </html>

相应样式：