今天完成的事情：（一定要写非常细致的内容，比如说学会了盒子模型，了解了Margin）
今天重新的把前几天看的博客重新的看了一遍，发现针对于一些英语单词或者专属的词语还是不熟悉
<style type="text/css">
p{
font-weight: bold;
font-style: inherit;
color: red;
}
</style>
</head>
<body>
<p>55555</p>
<p>66666</p>
<p>777777</p>
这个是刚刚纠正的一个，我把上面的text给拼错了，还有下面的属性 font后面那几个单词想了半天都拼不出来，颜色什么的倒是熟悉了，后来引用了超链接来试试
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title>
<link rel="stylesheet" type="text/css"href="a.css"></link>
</head>
<p>洗白白</p>
<body>
</body>
</html>
还有CSS部分
p{
border: 1px solid red;
font-size: 500px
}
这段就成功了，不过我有疑问就是为什么那个Link是红色的呢？
<style type="text/css">
div{
color: red;
border: 50px solid;
}
p{
color:yellow;
border: 50px solid;
}
</style>
</head>
<body>
<div>我我我我我我</div>
<p>你你你你你你</p>
重新的弄了一下，标签选择器这样的
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title>
<style type="text/css">
#d{
border: 20px solid;
color: green;
}
</style>
</head>
<p id="d">我我我我我</p>
<body>
</body>
</html>
ID的选择器我试了一下，重新的尝试了下写多个东西
<style type="text/css">
.one{
font-size:50px;
color: green;
}
.one2{
font-size:20px;
color: green;
}
.one3{
font-size:50px;
color: black;
}
</style>
</head>
<body>
<p class="one">段落1</p>
<p class="one2">段落2</p>
<p class="one3">段落3</p>
后面我重新的运用了一下，
<style type="text/css">
.one{
font-size:50px;
color: green;
}
.one2{
font-size:20px;
}
.one3{
font-size:50px;
color: black;
}
</style>
</head>
<body>
<p class="one">段落1</p>
<p class="one2 one">段落2</p>
<p class="one3">段落3</p>
开始尝试标签带两个类，这一块的运用还不太熟练
明天计划的事情：（一定要写非常细致的内容）
重新复习一下之前学过的内容，盒子模型，浮动，重叠等等
遇到的问题：（遇到什么困难，怎么解决的）
遇到了关于盒子模型的英文单词不懂，还有标准盒子模型和IE和子模式的区别，师兄帮我完整且耐心的解答了很久
收获：（通过今天的学习，学到了什么知识）
学习了盒子模型中width的是宽度Height是高度的意思就算增加了内边距边框和外边距不会影响到到内容的尺寸，如果是IE盒子模型的话会影响到内容的区域尺寸
返回列表
评论