zoukankan      html  css  js  c++  java
  • 内联元素及其特性 &块元素

    一般的 块级元素诸如段落<p>、标 题<h1><h2>...、列表。<ul><ol><li> 、表格<table>、表单<form>、DIV<div>和BODY<body>等元素。而内联元素则如: 表单元素<input>、超级链接<a>、图像<img>、<span> ........

    内联元素只能容纳文本或者其他内联元素,它允许其他内联元素与其位于同一行,但宽度(width)高度(height)不起作用。

    img的内联是默认的,但是由于IMG 标签本身存在 WIDTH 和 HEIGHT 属性,所以css 可以这样写,是为了让其保存一致性,补充其属性的灵活性,故可不必深究原因。

    内联元素注意以下几点(没有设置display:block;也没有设置float:left;):
    1.内联元素的width height不起作用
    2.内敛元素的padding 只有padding-left 和padding-right起作用
    3.内联元素的margin 只有margin-left 和margin-right 起作用
    若想要上述不起作用的属性起作用,则display:block;

     

  • 相关阅读:
    android-手势密码
    MS SQL 技巧总结--持续更新
    MySQL 笔记一
    spring 家族
    Java集合
    javaScript
    java 知识点随记
    MySQL 知识点随记
    odoo 权限杂记
    win10 Ubuntu子系统安装&odoo10社区版安装
  • 原文地址:https://www.cnblogs.com/mabelstyle/p/2782368.html
Copyright © 2011-2022 走看看