zoukankan      html  css  js  c++  java
  • css元素分类

    css元素分类

    1.块级元素

      -1.常用的块级元素有:<div>,<p>,<h1>...<h6>,<ol>,<ul>,<li>,<dl>,<dd>,<dt>,<table>,<tr>,<td>,<address>,<blockquote>,<form>

      -2.块级元素的特点:

        a.每个块级元素都是从新的一行开始,并且其后的元素也另起一行。

        b.元素的高度,宽度,行高以及顶和底边距都可以设置。

        c.元素宽度在不设置的情况下,是它本身父容器100%(和父元素的宽度一致),除非设定一个宽度。

      -3.设置display:block可将元素显示为块级元素。如下代码就是将内联元素a转换为块级元素,从而使a元素具有块状元素的特点。

        例:a{display:block;}

    2.内联(行内)元素

      -1.常用的内联元素有:<a>.<b>,<span>,<br>,<i>,<em>,<strong>,<label>,<q>,<cite>,<code>

      -2.内联元素的特点:

           a:和其他元素都在同一行上

           b:元素的高度,宽度及顶部和底部的边距不可设置

           c:元素的宽度就是它包含的文字或图片的宽度,不可改变

      -3.内联元素也可以通过代码display:inline将元素设置为内联元素,如下代码就是将块状元素div转化为内联元素,从而

        使div元素具有内联元素特点,

          例:div{

              display:inline

              }

    3.内联块级元素

      1.常用的内联块级元素有:<img>,<input>

      2.内联块级元素的特点

         a:和其他元素都在一行上

         b:元素的高度,宽度,行高以及顶和底边距都可以设置

      3.代码display:inline-block就是将元素设置为内联块级元素

  • 相关阅读:
    HDOJ2066 一个人的旅行 floyd
    手动添加数据源时DataGridViewComboBoxCell值出问题解决方法
    可伸缩的Form窗体!
    SharpMap项目Web控件学习!
    MVC和MVP的初步理解
    ArcEngine编辑功能(五)
    胡言乱语:实体具有继承关系的空间数据库设计方法?
    WinForm单例窗体的实现
    4. 模板模式和建造者模式
    Oracle笔记(0):在Win2008系统上安装Oracle11g实践
  • 原文地址:https://www.cnblogs.com/yangfanasp/p/6946629.html
Copyright © 2011-2022 走看看