首页 > 代码库 > 第一个项目大唐的总结
第一个项目大唐的总结
网页布局:
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=http://www.mamicode.com/”javascript:;”
jQuery:
1,放大镜效果:用a链接将img包裹起来 a中的链接放大图的地址。Img的地址为小图的地址
2,可以为jquery添加自定义样式,方法有3个参数,分别为:要求名,函数实现要求,提示信息。
第一个项目大唐的总结