前言
现在的web前端挺火,于是打算入这个坑,学习一下web前端的知识。
web前端一般构成就是HTML+CSS+JavaScript,HTML写网页结构,CSS写样式,JS写交互,这样就构成了现在的网站。这里对我再学习CSS过程中学到的东西以及遇到的坑做一个记录,以免以后忘记。
1.在html文件中链接一个外部的CSS样式表
在html中输入<link回车,然后再其中的属性href=""中输入路径,从同一级路径开始算,比如我的代码为
<link rel="stylesheet" type="text/css" href="css/style.css">
这就表示在你的html文件的同一级文件里面有个css文件,css文件里面有个style.css文件(没有就创建一个), 然后你就可以在这个style.css文件里面写样式表了。
2.如何把html文件中的属性和CSS样式表连接
在html文件中,都是把各个块级的元素放到容器div中,设置div的class属性,如
<div class = "demo">
这里是内容
</div>
然后再css文件中,是这样写的
.demo { 这里面设置各种属性 }
这样就可以吧html文件和css设置分为两个文件了,方便于以后的维护
3.CSS中的各种属性的作用
1.height: 高度
2.width: 宽度
难得写,各种属性参考w3cschool的css参考手册
4.遇到的各种问题
1.在布局的时候,有一个块级的元素始终没达到我理想的位置,而是跑到下边去了,经过检查,发现是像素不合适,用css布局一定要注意和原型图1个像素都不能差,不然就容易出现问题。
后续学习中。。。。。。。。。。。。。