菁英数字科技（猩码）-猩码学苑-专注软件开发人才菁英教育

标题: 20230207-敖嘉祥 [打印本页]

---

作者: mx56030    时间: 2023-2-7 23:18
标题: 20230207-敖嘉祥

• 什么是元素的显示模式html里面的元素（标签）是以什么方式进行显示的，比如<div>自己占一行，比如一行可以放多个<span>元素显示模式的分类
• 
  
  • 块元素
  • 常见的块元素
    
    • 
      
      • <h1>~<h6>、<p>、<div>、<ul>、<ol>、<dl>等等
        
    • 特点：
      
      • 1、自己独占一行
        
      • 2、高度宽度可以自由设置
        
      • 3、宽度默认是父级宽度的100%
        
      • 4、块级元素内可以放行内元素、行内块元素或者块元素
        
      • 5、文字类的元素中不要使用块元素（如果使用会造成语义混乱）
        
  • 行内元素
    
    • 常见的行内元素
      
      • <span>、<strong>、<em>、<ins>等等
        
    • 特点
      
      • 1、相邻的行内元素在一行上显示，一行可以显示多个
        
      • 2、宽和高设置无效
        
      • 3、默认的宽度是它本身内容的宽度
        
      • 4、行内元素只能容纳文本或者其他行内元素
        
    • 注意点：
      
      • 链接里面不要再套链接。
        
      • 特殊情况下如果<a>标签中需要放块级元素，可以将<a>标签转化为块级元素更安全
        
  • 行内块元素
    
    • 常见的行内块元素
      
      • <img>、<input>、<td>等等，同时具有块元素和行内元素的特点。
        
    • 特点：
      
      • 1、相邻的行内块元素在一行上显示，但是它们之间会有空白间隙。（行内元素特点）
        
      • 2、宽高可以设置（块级元素特点）
        
      • 3、默认宽度是它本身内容的宽度（行内元素的特点）
        

---

欢迎光临 菁英数字科技（猩码）-猩码学苑-专注软件开发人才菁英教育 (http://www.xingmaxueyuan.com/)

Powered by Discuz! X3.4