发表于: 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概念;学习盒子模型概念
评论