css margin(外边距的问题):
遮罩问题:当移动一个大盒子里面的子元素的时候他的父级也会随着他的移动而移动时;就给他的父级加个透明的边框
叠加问题:当两个盒子在垂直方向移动时,给两个盒子加移动的距离。会默认使用值最大的那个,解决方法:直接给他们中的一个设置他们要移动的距离.
css样式的重置(reselt css):
之前都是用的“*”(通配符){ margin:0;padding:0;}容易把某些需要的样式给清掉;html, body, div, ul, li, h1, h2, h3, h4, h5, h6, p, dl, dt, dd, ol, form, input, textarea, th, td, select { margin: 0; padding: 0;}
解决浏览器的兼容性问题:目前常见的浏览器 谷歌 、IE、欧朋、火狐.由于IE浏览器的版本比较多,所以他的兼容性就比较差 今天就说一下怎么解决他的兼容性问题
1.对于IE7来说如果哪条属性不兼容的话:可以在属性前面加“*”
2对于IE8来说如果不兼容可以在属性值后面加"\0"
3对于IE6来说如果不兼容可以在属性前面加“-”
行内元素与块级元素的转换:
1.行内转块级:display:block
2.块级转行内:display:inline
行内元素:
1.宽度是由内容撑开的.
2.行内标签不能上下移动,可以左右移动
3.行内标签不能设置宽高。
块级标签:
1.默认宽度,独占一行。
2.认识所有的属性。