1、margin相对于content定位,position相对于content+padding定位 2、解决ie6固定定位失效问题 ①html和body都有overflow属...
一、盒模型新增样式 1、盒模型阴影 box-shadow(IE9+、Firefox 4、Chrome、Opera 以及 Safari 5.1.1 支持box-shadow属性...
一、字体样式 1、font-size 2、font-family(字体)unicode字体 网页中普遍使用·14号字体 尽量使用偶数字号 多个字体用逗号隔开 中文字体以及字体...
1.1、文字水平居中 text-align:center 1.2、元素水平居中 margin:0 auto 2.1、单行文字垂直居中 height:20px; line-he...
一、CSS图形 1.1、三角形 width: 0px; height: 0px; border-width: 0px 0px 40px 40px; bord...
一、文本效果 1、text-indent SEO(搜索引擎优化)将LOGO作为h1背景,并将h1中文字用text-indent:-9999隐藏起来,但仍会被搜索引擎检索到 2...
一、display 1、块元素 独占一行,可以设置width、height以及四个方向的margin,不设置width、height时,高度被子元素撑开,宽度为父元素宽度,内...
一、盒模型 1、border:0与border:none 2、垂直外边距叠加 ①兄弟、父子、空元素 ②针对block和inline-块元素 3、负margin技术 ①图片与文...
一、单位: 1、px 2、% 3、em(1em=1当前元素的font-size) ①首行缩进两字符 ②作为统一单位 ③做为字体大小单位 4、rem(不兼容IE8及以下)(1e...
1、网页链接图标 2、标签语义化 ①一个页面只能有一个h1标签 ②h1-h6之间不要断层 ③不要用div代替h1-h6 3、图片语义化 ①alt属性,使搜索引擎知道图片内容❤...
解决方法: 1、给父元素设置border或padding-top(会增加可见框大小); 2、不给子元素设置垂直外边距,直接给父元素设置padding-top来达到效果 3、使...
高度塌陷:父元素高度自适应,子元素浮动后,导致父元素高度不能被子元素撑开。 解决方法: 1、给父元素设置固定高度(不推荐) 2、开启Block Formatting Cont...