html和css中的技巧

1:标签不要忘记带点   

2:div是否成对的出现.

3.body 前面不能加点  

4.在写css时记住一定要带上class的命名这样就不会出现重复的

5.出现文字的时候下面有下划线或虚线的时候,用padding撑开距离   图片距离变框也是用padding

6.当出现有padding时要记住用width减去padding的值  padding是边与边的距离 当出现高度是也是要用light减去padding值   padding也可以用到在四边的距离

7.网页最好写成块的形式  也就是一对div中写一个模块,这样可以加快加载的速度

8.span中给行高是没有用的必需是先加块在给高(display:block)

9.a标签在无论怎么设置都不能用的时候要用display:block;

10.背景中有时要用到.top{ width:1349px; background:url(../images/box_background_image.png) no-repeat center top;      height:266px;} 灰色的 就是讲背景居中靠上

11. 外边局是 div也就是  盒子与盒子之间是padding

12.在导航中右侧有竖条是居中处理:在整个行高ul中用padding-top;然后在li中用line-heightheight是一样的,并且竖条在li设置border或者是在a中加padding0px 10px; border

13.导航中最后一个竖在行内解决bordernone或者在a类中.div .a2{border:none}

14.图片:在图片下方有一个线的除去:在行内用bordernone

15.在导航 a是给一个块并且居中text-align

16.p标记中让字与字之间有距离用letter-spacing

17.块与块之间用margin

18.在图片与文字中间对齐:margin-top:-5px; vertical-align:middle;

一、Background-position背景定位

  1. 定位单词:background-position:水平对齐 垂直对齐 background-positioncenter center
  2. 百分比:background-position50% 50%
  3. 固定定位:background-position5px 10px;

缩写形式

格式: background:背景图片地址,是否平铺 图片定位

<div class=”zhang”>

<h2>ddd</h2>

<ul>

<li><a href=”#”>ssssssss</a></li>

</ul>

         </div>

Body,h2,ul,li,a{margin:0px;padding:0px;}

Body{font-size:12px;}

A:link,a:visited{color:#000ff;text-decoration:none;}

A:hover{color:#ff0000;}

.zhang{width:600px;}

 Ul,li{list-style:none;}

           .zhang h2{font-size:12px; padding:10px 0px;}

           .zhang li{padding:5px 0px; background:url() no-repeat left center; padding-left:10px;}

19.padding是内边距,边线到内容的距离;

20.box   >   h1意思是子变孙子不变,指在一个div中有大box  下面有两个h1其中一个h1在另外一个div

21.li中有单个不一样的,可以用class=v”   a.v:link,a.v:visited{}含义:给class=va元素的:link增加样式;

22.div.box{color:#ffffff}//div.box含义:给class=box<alert("欢迎来到java");>元素增加样式

23.浮动的块元素一定要有宽度

郑重声明:本站内容如果来自互联网及其他传播媒体,其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享,并不代表本站赞同其观点和对其真实性负责,也不构成任何其他建议。