4月5号一制作网站时的心得体会

注意点
1.head:
引入公共样式，新建css文件写入：common.css
2.书写公共样式：
< rel=“icon” >把图标插入网页标题
< rel=“shortcut icon” >在收藏夹里显示图标，提高用户体验
< type= “image/x-icon” 引入图片类型>
（1）link rel=" icon" href=“favicon. ico” type=" image/x- icon"
（2）link rel=" shortcut icon" href= “favicon.ico” type= " image/X- icon"
公共样式内容：
（1）版心宽度
（2）怪异盒模型（div…）
（3）清除外边距
margin:0；
（body,p,ul,ol,dl,dd,h1,h2h3h,4h,5h,h6…）
（4）清除内边距
padding:0；
（ul,ol……）
（5）a标签样式（text-decoration:none;）
还有很多可以写在公共样式里面的。到时候可以自己建立属于自己的公共样式。提高效率
3.注意ul的li里面一定是结构相似布局相近，内容相仿
4.设置子元素宽度或高度100%都是继承父亲的
但是vw/vh是视口宽度（高度）
5.任何的网站都有版心宽度。
6.制作下拉动画：是用设置父级高度为0并且超出隐藏overflow:hidden;
hover时设置相应的高度即可
7.谨记：网站制作之前一定要布局图先制作好。
第一步：设计布局（思考使用哪一些标签／元素）
第二步：制作内容
第三：检查