李永娟-20201028
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title></title>
<link rel="stylesheet" href="css/style.css" />将style文件引用过来
</head>
<body>
<!--
HTML:H5-->5.0版本标签（行级标签：大小取决于内容 ：a span img
块级标签(给大小)：与内容没有关系p ul div ）
css3.0:层叠样式表->修饰网页
选择器（镜子）：精确的选中要修饰的目标
常用的选择器：1、类型选择(所有 的标签都有类选择器)
2、标签选择器（优先级低与类标签）
3、id选择器：id>类>标
4、后代选择器
5、伪类选择器（鼠标悬停状态）
-->
/*通用选择器*/
/*伪类标签选择器（鼠标悬停状态)*/
*{
margin: 0;/*外边距*/
padding: 0;/*内边距*/
border: 0;/*边距*/
}
div{
color: red;/*修饰字体颜色*/
font-size: 30px;/*修饰字体大小*/
font-family: "微软雅黑";/*字体类型*/
font-style: italic;/*字体的样式*/
font-weight: bold;/*字体加粗*/
letter-spacing: 5px;/*字体间距*/
text-align: center;/*对齐方式*/
line-height: 300px;/*行高*/
text-decoration: overline;/*文本划线*/
text-shadow: 2px 2px 3px yellow;/*字体阴影，水平阴影距离,垂直阴影距离*/
text-indent: 2em;/*首行缩进*/
}
div{
background-color: red;/*背景颜色*/
background-image:url(../img/lyj.jpg)r;/*背景图片*/
background-size: cover;/*背景图片的大小*/
/*background-repeat: 300px 300px;
* background-repeat: repeat-x;/*背景图片平铺*/*/
}
<span>颜色的表示方法</span>
<!--修饰字体和文本的常用样式
-->
<div class="box">
喜欢的少年是你，你是年少的欢喜
</div>
<div class="box"></div>
<h1></h1>
<h1 class="box"></h1>
<div class="box" id="bo1">
<ul>
<li>你最近还好吗</li>
<li>我最好的朋友</li>
</ul>
</div>
<a href="#">百度一下</a>
</body>
心得体会：今天的学习感觉一节课都是比较的忙碌，我感觉我们一节课学的东西挺多的，但还是感觉效率不太高，自己练习的时间不是很长，感觉听顾不上写，写顾不了听，感觉当时老师写的时候很简单，真正自己上手时却不以为然，可能还是不太熟悉的原因，
近期评论