zoukankan      html  css  js  c++  java
  • 块状元素和内联元素

    每次有项目来了,后台功能都能搞定,结果设计稿一来,前端页面总要拜托前端同事去搞定,想了一下,自己还是要懂一点css的,下面进入正题:

    常用的块级元素:

    <div>、 <p>、<h1>、<form>、<ul> 和 <li>

    常用的内联元素:

    <span>、<a>、<label>、<input>、 <img>

    当然还有很多,上面只列出最常用的几种

    下面讲下两种的区别:

    块级元素:1.作为容器,可以容纳其他块级元素和内联元素

         2.排斥和其他元素共处一行

         3.可以通过width和height设置宽高

    内联元素:1.只能容纳文字和其他内联元素

         2.可以和其他内联元素共处一行

           3.无法通过width和height设置宽高

    转换: 1.通过设置块级元素的 display:inline ,就可以将块级元素转换为内联元素,拥有内联元素的特性

           2.设置内联元素的display:block,就可以将内联元素转换为块级元素,拥有块级元素的特性

        3.如果将块级元素/内联元素的display:inline-block,那么将会同时拥有两种特性:

        a.可以和其他元素共处一行

        b.元素的宽高,行高,上下边距都可以进行设置

        

  • 相关阅读:
    window screen (获取屏幕信息)
    setTimeout 与 setInterval
    php 安装程序
    字符串string 对象发的应用
    数组 array 的方法使用
    angular js h5关于表单验证的例子
    angularjs 路由的应用
    勾选复选框按钮可用否则不可用
    h5正则验证表单
    常见的正则表达式
  • 原文地址:https://www.cnblogs.com/getmn/p/11104986.html
Copyright © 2011-2022 走看看