第一个项目大唐的总结

Posted 2020-08-12

网页布局：

1，网页需要分成几部分来写

 

2，可以使用居中容器来给两边定位

 

3，对于div的命名尽量用英文直译

 

4，搜索框和之中的图标想要放在一起可以把搜索图标作为背景放在button中使用相对定位来解决也可以用浮动来解决

 

5，父元素中的子元素若是添加了浮动。需要对父元素去除浮动。不然父元素会高度塌陷

 

6，若前一元素具有浮动。后一元素可以通过清除浮动来换行

 

7，在css中添加div的背景图片时需要../images 。前面要加..

 

8，要实现鼠标经过图片，图片边框变粗。需要把图片边框设置粗后把图片的width和height相应地减小。若要有遮幕效果，则对透明度进行设置

 

9，若要让导航横向。需要将ul和li均进行浮动

 

10，将line-height设置为行高。可以让其中的字体上下居中显示

 

11，若要对行内元素设置宽高时需要display：block或inline-block

 

12，要实现在每个不同的分类中，当前页的分类样式不一样。只需加上class=“hover”，在公共样式中为hover加上样式即可

 

13，若给表单的中input type=“submit”，则点击按钮直接提交信息

 

14,label标签里的字体。鼠标移过去不会变成一条竖线

 

15，表单若要提交。其中的name必须要有

 

16，为了防止a标签跳转，可以 a href=”javascript:;”

 

jQuery：

1，放大镜效果：用a链接将img包裹起来 a中的链接放大图的地址。Img的地址为小图的地址

 

2，可以为jquery添加自定义样式，方法有3个参数，分别为：要求名，函数实现要求，提示信息。