为了账号安全,请及时绑定邮箱和手机立即绑定

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

标签:
Html5 CSS3

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

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

主讲老师:五月的夏天

课程内容:

学习html与css的关系

标签的语法

课程收获:

html标签的样子:

5e913db800013dea04460077.jpg

代码如下:

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

经过css修饰过后html标签:

5e913df10001990310640135.jpg

代码如下:

  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>

相应样式:

https://img1.sycdn.imooc.com//62ede85f000176b003140116.jpg

标签总结:

1. 标签由英文尖括号<>括起来,如<html>就是一个标签。

2. html中的标签一般都是成对出现的,分开始标签结束标签。结束标签比开始标签多了一个/。

如:

(1) <p></p>

(2) <div></div>

(3) <span></span>

528960dc0001cb6802710128.jpg

3. 标签与标签之间是可以嵌套的,但先后顺序必须保持一致,如:<div>里嵌套<p>,那么</p>必须放在</div>的前面。如下图所示。

5289611a0001469c05510206.jpg

4. HTML标签不区分大小写,<h1>和<H1>是一样的,但建议小写,因为大部分程序员都以小写为准。


点击查看更多内容
TA 点赞

若觉得本文不错,就分享一下吧!

评论

作者其他优质文章

正在加载中
软件测试工程师
手记
粉丝
0
获赞与收藏
1

关注作者,订阅最新文章

阅读免费教程

  • 推荐
  • 评论
  • 收藏
  • 共同学习,写下你的评论
感谢您的支持,我会继续努力的~
扫码打赏,你说多少就多少
赞赏金额会直接到老师账户
支付方式
打开微信扫一扫,即可进行扫码打赏哦
今天注册有机会得

100积分直接送

付费专栏免费学

大额优惠券免费领

立即参与 放弃机会
意见反馈 帮助中心 APP下载
官方微信

举报

0/150
提交
取消