HTML+Css标签及使用

1. div 里的文字在没有设置 margin padding的情况有一定的内外边距（解决方法：给父级加上margin：0px; padding：0px; 也可（font-size：0 但是这种方法在有文字的div里不太建议使用））

2. 同样在div里插入一张图片你可以在F12或者右键点击检查中可以看到div的盒子大小会超出图片一点。

例如：<div>

<img src="img/game/f27a234bc29635f3e4718d96d8da9327.png"><div>

div{width:1024px;height:850px;

    margin: 0px auto;

font-size: 0px;}

div img{width:100%;height:100%}

在上面设好的宽，高把图片插进去之后盒子的（高度）会超出图片几个像素我们就可以像上面那样用（font-size：0px）。

3. 行级，块级标签

行级标签：<strong>,<em>, <font>,<span>,<a>.

块级标签：<h1~h6>,<div>,<p>.

行级标签：这些标签有很多种用法，有属性的标签，还有没有任何属性的标签。

例如：<span>标签，他是没有任何属性的，只是把span标签里面的内容显示出来，也可以用display来赋予它属性，把它变成块级标签或是行块级标签看自己需求来改变。

例：span{display:inline-block; //(block)

width:40px;height:40px;

background: url(图片路径)0px 0px no-repeat;}

在行级变成块级后我们可以给他设置宽，高还可以给它放一张图片logo。在我们所学的知识中还有很多这种标签可以这样使用，我就不一一列出来了。

块级标签：块级也可用display-inline进行转换成行级，这种方式在我们很少用到，几乎是不用 就不细说了可以跳过。

4. 边框：在我们编写代码布局的时候有些内容可能需要边框来给他框起来，使用方法也为简单。其实一个边框也有很多的用途的，比如做个三角形出来，也是可以的。

例：div{width: 0px;

height: 0px;

border: #0000FF 20px solid;

    border-top-color:#000000;

    border-left-color:transparent;

    border-right-color:transparent;

    border-bottom-color:transparent;

}

这样三角形就出来了，可以使用在一些下拉框上作为一个图标，只是这些方法很少用，基本都是有图片素材的，直接用图片更简便。

这就是我对一些标签总结的使用，及方法。

最后附上一句话：实战是检验真理的唯一标准！

谢谢！