HTML块标签的使用

1、 HTML块元素 块元素在显示时,通常会已新行开始,如:hl ,p, ul;
2、HTML 内联元素 内联元素通常不会已新行开始,如:b ,a,img
3、HTML div 元素 div 元素也被称为块元素 ,其主要是组合HTML元素的容器
4、HTML span 元素 span 元素是内联元素,可作为文本的容器

在css 文件中 通常对于id 的引用需要加#号引用,对于子标签的引用可以加 空格然后加子标签类型:

<div id="divid">   
     <p>hellolubi</p>   
     <a>点击我</a>
</div>
/*每个id的索引是通过 #号索引*/
#divid p{   
 color: red;
}

span标签通常会与div 标签进行配合,通过css 装饰达到需要的效果

<head>   
   <meta charset="UTF-8">    
  <title>块元素</title>   
  <link rel="stylesheet" href="mycss.css">    
   <style type="text/css">       
        span{         
   color: aqua;     
    }    
   </style>
</head>
<div id="divspan"> 
     <p><span>这是一个测试效果</span>span是什么样子</p>
</div>
span.png
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 问答题47 /72 常见浏览器兼容性问题与解决方案? 参考答案 (1)浏览器兼容问题一:不同浏览器的标签默认的外补...
    _Yfling阅读 14,687评论 1 92
  • 前言: 1.HTML5的发展非常迅速,可以说已经是前端开发人员的标配,在电商类型的APP中更是运用广泛,这个系列的...
    珍此良辰阅读 5,897评论 2 15
  • 本文主要是起笔记的作用,内容来自慕课网. 认识CSS样式 CSS全称为“层叠样式表 (Cascading Styl...
    0o冻僵的企鹅o0阅读 7,493评论 0 30
  • 本课来自http://www.imooc.com/learn/9请不要用作商业用途。 HTML5 HTML介绍 H...
    PYLON阅读 8,588评论 0 5
  • HTML标签解释大全 一、HTML标记 标签:!DOCTYPE 说明:指定了 HTML 文档遵循的文档类型定义(D...
    米塔塔阅读 8,673评论 1 41