HTMLCSS基础初识代码.ppt

3、und-position:center0px;背景图位置常见样式一borderborder边框border-width边框宽度border-style边框样式border-color边框颜色边框样式：solid实线dashed虚线dotted点线（IE6不兼容）常见样式一paddingpadding内边距padding-top上边内边距padding-right右边内边距padding-bottom下边内边距padding-left左边内边距padding:toprightbottomleft;注意：内边距相当于给一个盒子加了填充厚度会影响盒子大小。常见样式一marginmargin外

4、边距外边距的问题：1、上下外边距会叠压；2、父子级包含的时候子级的margin-top会传递给父级；（内边距替代外边距）外边距复合：margin:toprightbottomleft;盒模型盒子大小=border+padding+width/height盒子宽度=左border+左padding+width+右padding+右border盒子高度=上border+上padding+height+下padding+下border常见样式一结构结构样式：width宽度height高度background背景border边框padding内边距margin外边距复合属性：一个属性多个属性值

5、的命令，叫做复合属性。常见样式—文本设置font-size文字大小（一般均为偶数）font-family字体（中文默认宋体）color文字颜色（英文、rgb、十六位进制色彩值）line-height行高text-align文本对齐方式text-indent首行缩进（em缩进字符）font-weight文字着重font-style文字倾斜text-decoration文本修饰letter-spacing字母间距word-spacing单词间距（以空格为解析单位）常见复合属性复合属性：backgroundborderpaddingmarginfont：font-style

6、font-wei

7、ght

8、font-size/line-height

9、font-family；常见样式(17个)width宽度height高度background背景border边框padding内边距margin外边距font-size文字大小font-family字体color文字颜色line-height行高text-align文本对齐方式text-indent首行缩进font-weight文字着重font-style文字样式text-decoration文本修饰letter-spacing字母间距word-spacing单词间距前端开发环境Photoshop（切图、修图、测量）Dreamweav

10、er浏览器（两大类）：IE浏览器：IETester（IE6、IE7、IE8）、IE9、IE10……标准浏览器：firefox（fireBug）、chrome、safari、oprea…