HTML常见问题及解决方法？集合版持续更新本文章——可收藏

先来一个福利：超全的API帮助文档
https://download.csdn.net/download/sinat_41595998/12073592

1去除链接下划线

text-decoration: none;

2设置图片（边框）圆角

border-radius:35px;
border-radius:50%;

3去除列表样式

ul,li{
    list-style: none;
}

4设置元素框的类型

display: inline;

display属性规定元素应该生成的框的类型。
默认值：inline

值	描述
none	此元素不会被显示。
block	此元素将显示为块级元素，此元素前后会带有换行符
inline	默认。此元素会被显示为内联元素，元素前后没有换行符。
inline-block	行内块元素。（CSS2.1 新增的值）
list-item	此元素会根据上下文作为块级元素或内联元素显示。

5设置元素边框样式（border）：

/*可以设置的属性分别（按顺序）：border-width, border-style,和border-color*/
p{
   border:5px solid red;
} 

border-style属性的常用属性：none 定义无边框。 solid 定义实线。 dashed 定义虚线。在大多数浏览器中呈现为实线。

6使某元素（或div）垂直居中：

margin: 0px auto;

7.行内元素与块级元素

块级元素：

在HTML中，块级元素的高度为其内容的高度，宽度会扩展到与父容器同宽。默认情况下，块级元素会独占一行，并且元素前后行留空。

行内元素：

在HTML中，行内元素的高度为其内容的高度，宽度会收缩包裹其内容，并尽可能的包紧。默认情况下，行内元素只占据它对应标签的边框所包含的空间，而不会另起一行。

总结一下：块级元素与行内元素的区别：

块级元素	行内元素
默认情况下，另起一行左右撑满垂直排列	默认情况下，和其他元素水平排列在一行
高度，行高以及外边距和内边距都可设置	padding/margin只有左右有效，上下无效
默认情况下宽度是它本身容器宽度的100%	宽高就是它内容区域的宽高，不可改变
可以容纳行内元素和其他块级元素	只能容纳文本或者其他行内元素

常见的块级元素与行内元素：

块级元素	行内元素
< h1>~< h6 >，不同级别标题	< a>，HTML锚元素
< div>，HTML文档分区元素	< span>，组合行内元素
< p>，文本的一个段落	< img>，HTML图片标签
< pre>，预格式化文本	< input>,HTML文本标签
< form>，HTML表单元素	< textarea>，HTML文本域
< table>，HTML表格元素	< button>，HTML按钮
< ul>/< ol>/< dl>，HTML列表	< label>，表单元素标注标签
< li>，HTML列表项元素	< select>，下拉选项列表
< header>/< section>/< footer>	< em>，强调文本标签
< nav>/< article>/< aside>	< i>，斜体文本标签

行内元素转换为块级元素

1.转换为普通块级元素：display:block; 常用
2 转换为内联块级，不单独占一行： display:inline-block; 常用
3 转化为内联块级，不单独占一行，但float使得行内元素脱离了文档流，记得使用clear清除浮动
float: left/right；
4 使用定位 使用absolute或者fixed定位也可将行内元素隐式转化为块级元素，但也会使之脱离原先的文档流。
float和定位，都可以隐式的将行内元素转化为块级元素。

块级元素转换为行内元素

1 转化为行内元素 display:inline;
2 转化为内联块级，不单独占一行 display:inline-block;

jQuery中实用方法:
选择器的使用扩展方法：
例如有一列表

<nav id="nav">
    <li><span></span><p>就东会员</p></li>
    <li><span></span><p>购物车</p></li>
    <li><span></span><p>我的关注</p></li>
    <li><span></span><p>我的足迹</p></li>
    <li><span></span><p>我的消息</p></li>
    <li><span></span><p>咨询JIMI</p></li>
</nav

如何在jQuery中获取某一个li的选择：
以本例子说明：
1.首先定义一个变量 index用于保存下标。

var index = $("#nav li span").index("#nav li span");

2.进行整理使用

$("#nav li:eq(" + index + ") span~p").hide();

即

$("#nav li:eq(1) span~p").hide();

注：具体可以使用在（当鼠标点击某个li时，或当鼠标悬停在某个li上时）