首页 >

html a p标签,HTML5中p标签与div的区别 – html – 前端,搜狗浏览器html5视频播放器插件

html a p标签,HTML5中p标签与div的区别 - html - 前端,搜狗浏览器html5视频播放器插件

div是布局框架标签,p是段落标签。

div与p基本css属性不同

div与p均独占一行的块元素标签,唯一区别,p自带有margin-top和margin-bottom属性值,而div两个属性值为0,也就是两个p之间有一定间距,而div上下没有间隔间距,而p有自带间隔一行的间距。

div用于布局框架,布局内容,布局文章时候,文章分段,均采用p标签

当然有时布局只有一段文字地方,可采用div也可采用p标签,如果采用p标签,但不需要p自带上下间距,这个时候大家就需要确定p自带上下间距。

在html标准文档流里面,

a,span标签属于行内元素,p,h标签属于块级元素

a标签中的内容是页面链接形式,span标签往往是纯文本,p标签中可包含多个span标签文本,h标签内也主要是文本(在seo优化当中,h标签往往具有较高权重)

(1)清除默认内外边距

html, body, div, ul, li, h1, h2, h3, h4, h5, h6, p, dl, dt, dd, ol, form, input, textarea, th, td, select {

margin: 0;

padding: 0;

} // 推荐使用

或者

*{margin:0;padding:0;} // 大型项目不推荐使用通配符,会使浏览器的运行速度变慢

(2)清除ul / ol的默认样式:

ul,ol{list-style:none;}

(3)清除超链接a的默认样式

a{text-decoration:none;}

(4)清除input的默认样式

input{

border:none; // 清除默认边框

outline:none; // input标签聚焦时不出现蓝色边框

}

(5)清除标题标签(h1-h6)的默认样式

h1,h2,h3,h4,h5,h6{

font-weight:normal;

}

(6)清除em、strong标签的默认样式

em,strong{

font-style:normal;

font-weight:normal;

}

(7)清除button的默认样式

button{

border:0; // 清除默认边框

background-color:none;

outline:none;

}


html a p标签,HTML5中p标签与div的区别 - html - 前端,搜狗浏览器html5视频播放器插件
  • html5 a标签下划线,Java程序出错了 - html - 前端,国内html5游戏引擎
  • html5 a标签下划线,Java程序出错了 - html - 前端,国内html5游戏引擎 | html5 a标签下划线,Java程序出错了 - html - 前端,国内html5游戏引擎 ...

    html a p标签,HTML5中p标签与div的区别 - html - 前端,搜狗浏览器html5视频播放器插件
  • html隐藏a标签,请问html中怎样设置把鼠标滑过图片就会在图片上显示我隐藏了的文字 - html - 前端,html5游戏引擎有哪些
  • html隐藏a标签,请问html中怎样设置把鼠标滑过图片就会在图片上显示我隐藏了的文字 - html - 前端,html5游戏引擎有哪些 | html隐藏a标签,请问html中怎样设置把鼠标滑过图片就会在图片上显示我隐藏了的文字 - html - 前端,html5游戏引擎有哪些 ...

    html a p标签,HTML5中p标签与div的区别 - html - 前端,搜狗浏览器html5视频播放器插件
  • html中td可放的标签,jsp中td是什么意思? - html - 前端,再回首html代码
  • html中td可放的标签,jsp中td是什么意思? - html - 前端,再回首html代码 | html中td可放的标签,jsp中td是什么意思? - html - 前端,再回首html代码 ...