html

学了那么长的html,最根本的是要学会写网页,不然根本没有用啊。
一、如何写网页
1.写网页肯定要软件,要是大佬可以用记事本写,像我们这群小白可以用HBuilder、Sublime。
2.得到一个效果图,首先要学会分析网页的排版。html
要先把几个大概用盒子模型把它分出来,开始要用盒子把页面话出来,要得到精准的像素,还必须学会ps。
像那种根据页面大小缩放也占一行的一般使用把宽度设置成100%。
2.像网页上有很多小图的那都是被放在一张精灵图中的,需要自己去截取的。把它设置为背景图。background-img这个属性。要把图片提前放在img文件夹中,然后用url获取图片再用属性background-position改变背景图片的位置,获取到图片。
3.同时写几个盒子不改变属性肯定是放不到一行的,因为盒子是块级元素,要独占一行可以设置宽高。
标签这个就是行内元素,它不独占一行,要根据文本内容把大小撑起来,不能设置宽高。所以出来一个行内块级元素,可以设置宽和高不独占一行。把盒子的属性设置成display: inline-block;还有一种就是给盒子设置浮动,详情可以去看我的之前的博客。
浮动主要用在导航栏如html
运行
html
ul li应该是一列的,不过因为浮动出现在一行了。通过list-style:none.吧无需列表前面的点取消掉。
还有就是一个网页旁边一定会有的一个固定的导航栏。那个用了盒子的决对定位position: fixed;
html
html
html
把盒子一直固定在网页上不随滑轮改变。