Emily_lhj的博客

内边距-paddingpadding 属性定义元素边框与元素内容之间的空白区域。从方向上分为：上右下左。其对应的属性名称分别是：padding-top; padding-right; padding-bottom;padding-left; 属性值可以是长度值或百分比值（默认值为0px，不可以是负值）。如：div{padding-top: 10px; padding-right: 0.

样式表的基本形式       样式表用于控制HTML标签的样式。他的基本形式就像我们平时填写的单子，形式为      样式名称：样式值。多组值之间用；隔开，整个组用{}包含起来。         {样式名称1：样式值1; 样式名称2：样式值2; 样式名称3：样式值3;}样式表的基本形式       根据其放置的位置可分为三类：行间样式表，内部样式表，外联样式表 1.

/* reset */ body,h1,h2,h3,h4,h5,h6,p,dl,dd,ul,ol,pre,form,input,textarea,th,td,select{margin:0;padding:0;} em{font-style:normal} li{list-style:none} a{text-decoration:none;} img{bo

1、浮动——float特性：1、使块元素能够在一行显示；2、使行内属性标签支持宽高；3、没有宽度的时候内容撑开宽度4、脱离文档流（文档流是可显示对象在排列是所占的位子。可以把整个html文档想象成一个平面，元素浮动的时候会脱离这个平面，悬浮在空中），并按照一定方向移动直到碰到父边界。5、提升层级半层（一个元素分为上下两个半层，上半层显示字体，下半部分显示背景色，如图，红色区

1、表格标签：       table 表格       thead 表格头       tbody 表格主体       tfoot 表格尾       tr 表格行       th 元素定义表头       td 元素定义表格单元2、表格样式重置       table{border-collapse:collapse;} 单元格间隙合并

首先解释下定位偏移量和层级的概念。定位偏移量有四个，即top/right/bottom/left，属性值是数字+px，在给元素定位了之后，需要告诉元素往什么方向进行定位。比如left:30px;就是告诉元素要向左偏移30px。层级表示方法：z-index:[number]。层级就是将咱的页面分成不同的层次，使用z-index可以规定元素所在的层级。不建议常用，因为放在打的项目里边，层级会非常混乱。

1、常用的图片格式以及他们在网页中的应用图片格式透明度支持应用场景示例psd啥都支持，分图层一般都是设计师给前端的设计稿 JPG不支持透明、半透明，所有空白区域填充白色网页中的大图，高清图（体积大）多数电商网站的产品列表

WEB前端开发工程师要学的基础1）软件:       浏览器（常见的有谷歌、IE浏览器、火狐浏览器，前端开发常用的是谷歌和火狐，ie仅在要求兼容ie浏览器时测试用。）       浏览器插件：谷歌下是F12，火狐下要装firebug插件。使用方法都是按f12或右键-审查元素/检查       用来写代码的编辑器：记事本、DreamWeaver、Sublime       Pho

除了上述的宽高（width，height）基本属性，css中还有其他常用的属性。背景background       background从显示效果上分为：背景颜色和背景图片，针对背景图片又提出了背景图片重复，背景图片起始位置，背景图片是否固定（是否随着内容而滚动）。背景会填充元素的内容、内边距和边框区域，扩展到元素边框的外边界（但不包括外边距）。如果边框有透明部分（如虚线边框），会透过这