发表于: 2020-02-27 21:48:50

1 778


今天完成的事:

1.查看学习资料--《CSS概念——CSS是什么》:层叠样式表,可以为HTML语言赋予更多样式的一种计算机语言

2.为html添加几个标签,并尝试为其添加css样式,以下为html标签(暂未学习css语法等内容):

<!DOCTYPE html>
<html>
<head>
   <title>知识之树</title>
   <meta charset="UTF-8">
   <meta name="Keywords" content="厉害,666">
   <meta name="Description" content="技能树">
</head>

<body>
<a href="https://www.jnshu.com/home"><img src="p/timg.jpg"></a>.
</body>

</html>

3.查看学习资料--《盒子模型概念——盒子模型》:

(1)盒子模型的组成:内容、填充、边框和空白边,通过以上四种组成可以丰富html页面元素的表现形式

(2)四种组成均有不同的属性

内容区除基本的width和height外,还有overflow的溢出属性处理内容过多的情况,overflow属性还有hidden、visible和scroll的属性值对溢出部分进行不同处理;

填充有五种属性:padding-top、bottom、left、right和padding;

边框有border-style、width、color和border属性,其中style属性必须进行定义,否则其他属性无法显示;

空白边有margin-top、bottom、left、right和margin属性

(3)盒子模型的定位:

网页默认的自上而下的分布;浮动和position定位(通过确定相对或绝对位置进行定位)

明天计划的事情:

1.查看学习资料--《浮动——float详解》;2.为html标签添加样式,使其成为黄色正方形;3.为小格子设定一个具体的px宽度高度;4.学习查看部分css语法,为上述html标签添加css样式

遇到的问题:css语法不了解,暂时未添加样式

收获:了解css概念;学习盒子模型概念



返回列表 返回列表
评论

    分享到