美文网首页
html块元素标签的使用

html块元素标签的使用

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

    相关文章

      网友评论

          本文标题:html块元素标签的使用

          本文链接:https://www.haomeiwen.com/subject/ziyxsttx.html