Day01
什么是HTML?
HTML 是用来描述网页的一种语言。
HTML 指的是超文本标记语言 (Hyper Text Markup Language)。
通向 WEB 技术世界的钥匙
目前网络上应用最为广泛的语言
构成网页文档的主要语言
本次案例中用到的HTML标签
header标签(头部标签),div标签(块标签),nav标签(导航栏标签),ul标签(无序列表标签),li标签(列表项标签)
代码示例:
<header>
<div class="left">
沈阳
</div>
<nav>
<ul>
<li class="choose1">正在热映</li>
<li class="choose">即将上映</li>
</ul>
</nav>
</header>
a标签(超链接标签),img标签(图像标签)
<a href="go.html"><img src="image/a西虹市首富.jpg" alt="" class="mianimg"></a>
strong标签(字体加粗标签),p标签(段落标签)
<strong>西虹市首富</strong>
<p>观众评分 <span class="score">9.1</span></p>
什么是CSS?
CSS是Cascading style Sheets的简称,我们叫做“层叠样式表”。
它用来美化我们的页面。
本次案例中设计到的css相关知识点
css的使用方式(最常用的外部样式表的使用)
1.新建一个外部的.css为扩展名的文件
2.在html文档中head标签中使用link标签引入外部的css文件
<link rel="stylesheet" href="demoStye.css">
css的基本语法
css的基本选择器(这里只介绍两种)
本次案例中用到的CSS属性
font-size 改变字体大小
font-weight 改变字体粗细程度
color 改变字体颜色
text-decoration 改变文本装饰
text-align 设置文本水平对齐方式
line-height 设置文本行高
margin 设置外边距
width 设置宽度
height 设置高度
background 设置背景
float 设置浮动
border 设置边框
clear 清除浮动
padding 设置内边距
position 设置定位
z-index 设置文本堆叠顺序