北京中科白殿风医院 https://mjbk.familydoctor.com.cn/bjbdfyy/一，主流浏览器及内核Chrome——Webkit/blinkIE——TridentFirfox——GeckoSafari——WebkitOpera——presto二，css权重!importent——Infinity(正无穷)行间样式——id——class/属性/伪类——10标签/为元素——1通配符——0css的优先级取决于权重，权重间的进制是.三，行级块级行级块元素行级元素：1内容决定元素大小2无法通过css改变宽高(spanemastrong……)块级元素：1独占一行2可以改变宽高(pdivulliformaddress……)行级块元素：内容决定大小可以改变宽高(img)四，定位绝对定位：absolute：脱离原来位置，以最近父级定位，如果没有以文档顶端定位相对定位：relative：保留自己以前的位置，并且以自己以前位置定位五，margin俩bug1，margin-top塌陷：子div在父div中子divmargin-top无效，除非子divmargin-top值大于父级的，而且此时还带动父级一起移动。父级div上边框消失了一样，给父级加上一个上边框可以解决(不可取)，或者使用BFC(blockformattingcontext块级格式化上下文)CSS2.1中规定满足下列CSS声明之一的元素便会生成BFC。根元素float的值不为noneoverflow的值不为visibledisplay的值为inline-block、table-cell、table-captionposition的值为absolute或fixed给父级添加如上所示就能解决此问题2，margin合并：两个并排块级元素，上块设置margin-bottom同时下块设置margin-top。两个只会一个有效。(值大的那个有效)解決：只设置一个六，不加载css/js情况下网站能运作的一个小例子图片作为超链接时，网速不佳不能加载css，依然可以继续操作。第一种1，给a标签设置块级/行级块和宽。然后高度为零(此时图片就显示不出来)。2，然后加上padding-top就会把图片需要的位置顶出来(图片可以出现在padding中)，并且把超链接文字顶出a标签范围。3，然后overflo-hidden把文字隐藏就好了。4，当不加载css的属性时，‘炉石’就会出现，不耽误操作。第二种1，给a标签设置块级/行级块宽和高。2，然后设置文本缩进，把‘炉石’顶出去，并设置不换行。
转载请注明：http://www.aierlanlan.com/cyrz/5730.html
