文档章节

ios转向前端进阶之:html标签类型

tb_engineer
 tb_engineer
发布于 2016/10/09 11:48
字数 268
阅读 22
收藏 0

1.html标签类型可以分为三大类:

  1. 块级标签(block):特点是独占一行,能随时设置width与height,比如div,p,h1,h2,ul,li.
  2. 行内标签(inline):特点是多个行内标签能同时显示在同一行,宽度与高度取决于内容的尺寸,比如span,a,label。
  3. 行内块级标签(inline-block):特点:多个行内-块级标签可以显示在同一行,能同时设置宽度与高度,比如button与input。

2.css中有个display属性,能修改标签的显示类型。

  • none:隐藏标签。
  • block:让标签变为块级标签,
  • inline:让标签变为行内标签。
  • inline-block:标签变为行内-块级标签,
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">css的可继承属性
    <title>css的可继承属性</title>
    <style>
        body{
            font-size:  30px;
            color: yellow;
        }
        div {
            background-color: red;
            width: 150px;
            height:160px;
        }
        span {
            background-color: blue;

            display: block;
            width: 100px;
            height: 100px;
        }
    </style>

</head>
<body>
    <div>我是块级标签</div>
    <span>我是行内标签</span>
    <!--<button>我是行内块级标签</button>-->

</body>
</html>

© 著作权归作者所有

tb_engineer
粉丝 8
博文 24
码字总数 6322
作品 0
广州
程序员
私信 提问
微信公众平台开发:进阶篇(Web App开发入门)

WebApp与Native App有何区别呢? Native App: 1、开发成本非常大。一般使用的开发语言为JAVA、C++、Objective-C。 2、更新体验较差、同时也比较麻烦。每一次发布新的版本,都需要做版本打包...

LorinLuo
2015/03/06
309
0
Html、Flex、Android、JavaGUI、IOS前端开发的总体思路比较

前端开发,主要解决2大方面,一是界面展现(容器+控件+布局定位),二是对界面事件的逻辑处理(事件响应+服务器交互),Html、Flex、Android思路相似,JavaGUI、IOS思路相似,只要熟悉其中一...

GKTest
2015/07/07
217
0
iOS开发,我的2018进阶之路总结!

4G改变了生活,抓住机会的人已经在这个社会有了立足之地,马上迎来5G的时代,你做好准备了吗! 对于即将迎来的5G时代,无疑会是音视频的又一个高潮!那么作为程序员的我们,应该怎么样去迎接...

_小迷糊
01/08
0
0
WebApp与Native App的区别

WebApp与Native App的区别 Native App: 1、开发成本非常大。一般使用的开发语言为JAVA、C++、Objective-C。 2、更新体验较差、同时也比较麻烦。每一次发布新的版本,都需要做版本打包,且需...

一真的鱼
2018/07/03
79
1
iOS开发的你,现在准备脱坑还是继续进阶呢?

序言 我相信很多人都在说,iOS行业不好了,iOS现在行情越来越难了,失业的人比找工作的人还要多。失业即相当于转行,跳槽即相当于降低自己的身价。那么做iOS开发的你,你是否在时刻准备着跳槽...

_小迷糊
2018/10/31
0
0

没有更多内容

加载失败,请刷新页面

加载更多

可能是国内第一篇全面解读 Java 现状及趋势的文章

作者 | 张晓楠 Dragonwell JDK 最新版本 8.1.1-GA 发布,包括全新特性和更新! 导读:InfoQ 发布《2019 中国 Java 发展趋势报告》,反映 Java 在中国发展的独特性,同时也希望大家对 Java 有...

阿里云官方博客
5分钟前
1
0
Spring Boot 2.x基础教程:Swagger静态文档的生成

前言 通过之前的两篇关于Swagger入门以及具体使用细节的介绍之后,我们已经能够轻松地为Spring MVC的Web项目自动构建出API文档了。如果您还不熟悉这块,可以先阅读: Spring Boot 2.x基础教程...

程序猿DD
8分钟前
1
0
《毅力》读书笔记

1.确信你全身心地投入 2.准备好为目标进行艰难的跋涉 3.通过减少需要使用毅力的情形,为将来的挑战做好准备 4.尽可能具体细致地确定你的目标和实现目标的过程 5.把挑战分解为小而易于管理的小...

lingch
9分钟前
2
0
zk中快速选举FastLeaderElection实现

选举涉及概念 服务器状态 投票 如何选择投票? 协议 选举 如何进行选举? epoch 发送者 接收者 发送队列 接收队列 服务器状态 public enum ServerState { LOOKING,寻找Leader状态,当服务处于...

writeademo
12分钟前
1
0
教你玩转Linux—磁盘管理

Linux磁盘管理好坏直接关系到整个系统的性能问题,Linux磁盘管理常用三个命令为df、du和fdisk。 df df命令参数功能:检查文件系统的磁盘空间占用情况。可以利用该命令来获取硬盘被占用了多少...

Linux就该这么学
15分钟前
1
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部