`
文章列表
一、做页面前要干的几件事: 先写好骨架(即:html) 切图(能用css就不用图片) 确定整体几种颜色,链接的颜色(点击前后,hover时) 根据需求定好宽度,是否要overflow:hidden; 再美化(即css) 二、注意事项 尽量用margin定位,不用浮动和绝对,为后续重构做准备 尽量用base.css里面的样式,没有再单定义 设宽时,最好用百分比,适应性比较器 一般不用id,都用class,id留给js 命名要简单易懂,注意相同模块的复用,尽量减少代码      
float和position:absolute;position:fixed; 均会把元素变成display:inline-block;
vertical-align 该属性定义行内元素的基线相对于该元素所在行的基线的垂直对齐。允许指定负长度值和百分比值。这会使元素降低而不是升高。在表单元格中,这个属性会设置单元格框中的单元格内容的对齐方式。 即:1.只对行内元素起作用(若属性中有display:inline-block;或float此属性都不起作用)       2.可以定义图片与文字的对齐方式       3.表格中内容的对齐 、

何时用img

    博客分类:
  • html
当你使用<img>标签时,如果满足以下条件,那么请你不要再使用它了: 1 图片内容或路径不是动态生成的. 2 图片的作用类似图标,给用户操作提示 3 图片的作用只是起到装饰作用(做页面修饰)
background属性是整体设置的,background image是background的属性之一,background的属性包括 background-color background-image background-repeat background-attachment background-position, 比如 .style1{background:beige url(sphere.jpg) no-repeat top center}
/* CSS Document */ /*CSS reset*/ html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code ...
<table> <caption>标题</caption> <thead><tr><th>属性1</th><th>属性2</th><th>属性3</th><th>属性4</th></tr></thead><!--表格头部--> <tbody><!--表格主体--> <tr><th>属性11</th><td>内容1</td>& ...
<form action="" method=""> <fieldset><!--域集(border:none;)--> <legend>登陆表单</legend><!--域集名(display:none;)--> <p><label for="name">账号:</label><input type="text" id="name"/></p><!--for与 ...
Global site tag (gtag.js) - Google Analytics