html块元素标签的使用
2016-08-01 本文已影响0人
追寻那一抹寒光
- HTML块元素
块元素在现实时,通常会以新行开始
如:<H1>,<P>,<UL> - HTML内联元素
内联元素通常不会以新行开始
如:<B>,<A>,<IMG> - HTML<div>元素
<div>元素也被称为块元素,其主要是组合HTML元素的容器
利用外部样式表给<div>赋予样式:- 定义<div>元素,并为其定义ID:
<body> <p>香满楼</p> <div id="div1"> <p>酸牛奶</p> <a>原味</a> </div> </body> - 编辑css,使用#键进行索引
#div1{ color:#F00 }
如果只给<div>标签中的<p>标签定义css
可以把"#div1"改为"#div1 p" - 在<head>中添加link
<link rel="stylesheet" type="text/css" href="mystyle.css" />
- 定义<div>元素,并为其定义ID:
- HTML<span>元素
<span>元素是内联元素,可作为文本的容器
利用内联样式表给<span>赋予样式: - 在<div>元素中定义<span>元素
<div id="divspan"> <p><span>这是一个测试效果</span>span是个什么效果</p> </div> - 在<head>标签中定义<style>标签,在<style>标签里面为<span>赋予样式,别忘了加分号..
<style type="text/css"> span{ color=red; } </style>
