目录: 1.基本元素分类常识

一、元素分类:行内元素,行内块元素、块级元素

1.行内元素(内联元素):span,a,b,i,u,textarea,input,select,img,

特征:

  • (1)宽高weight,height值无效;
  • (2)对margin仅左右有效,上下无效;padding上下左右都有效;但是上下只是撑大了空间,并没有边距效果;
  • (3)不会自动进行换行;
  • (4)宽高是由本身内容的大小决定(文字、图片等);
  • (5)只能容纳文本或者其他行内元素(此处请注意,不要在内联元素中嵌套块级元素)

2.块状元素:div,h1~h6,ol-li,ul-li,dl,dd,dt,table,p,form,hr等等

特征:

  • (1)随意设置宽高;
  • (2)margin和padding的上下左右均对其有效;
  • (3)会自动换行;
  • (4)多个块状元素标签写在一起,默认排列方式为从上至下
  • (5)在不设置宽度的情况下,块级元素的宽度是它父级元素内容的宽度;
  • (6)在不设置高度的情况下,块级元素的高度是它本身内容的高度;

3.行内块状元素

(1)display:inline;转换为行内元素
(2)display:block;转换为块状元素
(3)display:inline-block;转换为行内块状元素
复制代码

特征:

  • (1)不自动换行;
  • (2)能够识别宽高;
  • (3)默认排列方式为从左到右;

开发常识 持续更新~~相关推荐

  1. Android常用开发网址(持续更新)

    2019独角兽企业重金招聘Python工程师标准>>> Android常用开发网址(持续更新) 环境搭建 android镜像 http://www.androiddevtools.c ...

  2. 搭建基于 Vim 的 C++和 Python 开发环境[持续更新]

    最近 vscode 在技术圈火了一阵子,每天都可以在掘金上看到安利文章和奇葩的插件,什么"杨超越鼓励师",还有上班摸鱼系列,"看小说插件","看股票插 ...

  3. iOS开发资源(持续更新)

    vm10虚拟机安装Mac OS X10.10教程 马上着手开发 iOS 应用程序 (Start Developing iOS Apps Today) Xcode使用教程详细讲解 (上) Xcode使用 ...

  4. 在这里总结一些iOS开发中的小技巧,能大大方便我们的开发,持续更新。

    UITableView的Group样式下顶部空白处理//分组列表头部空白处理 UIView *view = [[UIView alloc] initWithFrame:CGRectMake(0, 0, ...

  5. 后端开发规范(持续更新中...)

    java 对于持久层的实体,使用包装类型,不使用基本类型,也不要设置默认值. 答:有些ORM框架中使用实体去更新字段,会将默认值更新到数据库中.然而数据库中是有有效值的. 设计中类尽量采用单一职责原则 ...

  6. Android开发学习持续更新中

    Android开发 单个Activity界面内的操作 控件1TextView控件使用 控件2Button控件使用 1首先对于android的按键格式 2对按键监听事件进行绑定 控件3EditText文 ...

  7. 修改人人商城服务器时间,修改收货地址 · 人人商城二次开发常用文档,超详细,微擎开发微擎二次开发【持续更新】 · 看云...

    # 联系微信/电话17854945210 20人团队,可实地考察,可签合同支持二次开发 ewei_shopv2/static/js/dist/foxui/js/foxui.picker.min.js ...

  8. 测试开发工程师持续更新

    虾皮测开面试 mysql的锁机制 分布式锁的理解 对微服务和分布式理解 进程和线程的区别 进程之间的通信方式 数组和list的区别 解决hash冲突的方式 数组和链表的区别 TCP的三次握手和四次挥手 ...

  9. Pokemon Go游戏开发教程(持续更新)

    1.游戏简介 1.<精灵宝可梦Go>是由Nintendo(任天堂).The Pokemon Company(口袋妖怪公司)和谷歌Niantic Labs公司联合制作开发. 2.<精灵 ...

最新文章

  1. OSI 七层参考模型
  2. Google I/O 大会上的 Android Things 亮点汇总
  3. 晚安科大20211130
  4. Asp.NET Core2.0 项目实战入门视频课程_完整版
  5. 视频编解码器常见问题介绍
  6. 类java的步骤_java类加载的过程
  7. php软件开发--vue基础
  8. mfc 二进制转换成图像_图像相似度---感知哈希算法(phash)---用matlab实现
  9. 黑苹果之驱动小米随身WiFi
  10. WeNet语音识别实战
  11. AT89C51中断模板(宏定义)
  12. 桌面虚拟化 VMware Horizon View 7 安装部署指南 云办公系统安装部署
  13. Educational Codeforces Round 61 (Rated for Div. 2) D. Stressful Training(贪心+二分)
  14. QTableWidget点击空白处取消选中
  15. 评估数据质量的指标总结1
  16. 99mtc:锝99m同位素-小分子/抗体/纳米粒子等材料放射性标记材料标记实验的设计原则
  17. 2022北京营养健康展会/北京健康生活展/北京养生健康展会
  18. Photoshop教程_ps样式怎么导入?
  19. 平台 恒鑫 机器人_压铸取放件机器人系统-恒鑫智能
  20. GD32F405时钟配置

热门文章

  1. Java程序员从笨鸟到菜鸟之(八十七)跟我学jquery(三)jquery动态创建元素和常用函数示例
  2. 如何高效的阅读Hadoop源代码?Hadoop的源代码写的怎么样?
  3. OpenGL 与 GLSL 版本号
  4. android端 socket长连接 架构
  5. com.android.ddmlib.ShellCommandUnresponsiveException
  6. 设计模式[20]-Builder
  7. 进一步解 apt-get 的几个命令
  8. ASP.NET MVC – 关于Action返回结果类型的事儿(上)
  9. HTML简单的自定义属性制作tab切换
  10. 机器学习中的双层规划问题