css(二)盒子模型和不同元素类型

原创 2015年11月17日 19:02:42
  1. 块级元素
    <div>、 <p>、<h1>、<form>、<table>、<ul>、<li>
    转化为块级元素 display:block;
    特点:(1)每个块级元素都从新的一行开始,并且其后的元素也另起一行。(2)元素的高度、宽度、行高以及顶和底边距都可设置。(3)元素宽度在不设置的情况下,是它本身父容器的100%(和父元素的宽度一致),除非设定一个宽度。
  2. 内联元素<span>、<a>、<label>、 <strong>、<em>
    display:inline
    特点:(1)和其他元素都在一行上(2)元素的高度、宽度及顶部和底部边距不可设置(3)元素的宽度就是它包含的文字或图片的宽度,不可改变
  3. 内联块状元素
    <img>、<input>
    display:inline-block
    特点:(1)和其他元素都在一行上(2)元素的高度、宽度、行高以及顶和底边距都可设置。
  4. 盒子模型(块状元素具有)
    1. 边框: border:2px solid red;
      border-width:2px;
      border-style:solid;//dashed(虚线),dotted(点线)
      border-color:red;

      注:可以只为一个边框设置样式,即不同边框设置不同的样式
    2. 这里写图片描述
    3. 填充和边界
      padding:20px 10px 15px 30px;//上右下左
      margin:20px 10px 15px 30px;
版权声明:新建了专注于语义分割的QQ群704803384,欢迎交流!!!

组合数学-排列组合整理

此文是我整理组合数学排列组合知识的博文,排列组合从零开始。。。加油! 1.重复组合: 从n种不同元素中取出m的元素(方法是从n个元素中每次取出一个后,放回,再取另外一个,直到取出m个元素),每...
  • qq_34374664
  • qq_34374664
  • 2017年05月15日 14:26
  • 652

将球放入盒中的方法数总结(球盒模型问题)

本篇博客主要讲解球盒模型问题中所有情况,因为该问题是组合数学中的最常见的一类问题,所以有必要在这里详细地说一说。该类问题涉及到三个因素,分别是球、盒子、盒子是否可以为空。所以大概可以将该问题分为以下八...
  • Jaster_wisdom
  • Jaster_wisdom
  • 2017年11月11日 15:38
  • 469

介绍一下标准的CSS的盒子模型?与低版本IE的盒子模型有什么不同的

CSS盒子模型:由四个属性组成的外边距(margin)、内边距(padding)、边界(border)、内容区(width和height);标准的CSS盒子模型和低端IE CSS盒子模型不同:宽高不一...
  • shangazhe
  • shangazhe
  • 2017年07月12日 10:17
  • 272

CSS中的盒模型分类

CSS中Box model是分为两种:: W3C标准 和 IE标准盒子模型。 大多数浏览器采用W3C标准模型,而IE中则采用Microsoft自己的标准。 怪异模式是“部分浏览器在支持W3...
  • jingtian678
  • jingtian678
  • 2017年07月19日 22:32
  • 152

HTML/CSS]盒子模型,块级元素和行内元素

HTML/CSS]盒子模型,块级元素和行内元素 在div+css中,了解块级元素和行内元素还是非常有必要的,比如:对行内元素使用width属性就会失效。虽然自己不是做前端的,但是,在项目...
  • NotBad_
  • NotBad_
  • 2016年07月21日 11:26
  • 1478

DIV+CSS两种盒子模型(W3C盒子与IE盒子)

在辨析两种盒子模型之前,先简单说明一下什么叫盒子模型。 原理: 先说说我们在网页设计中常听的属性名:内容(content)、填充(padding)、边框(border)、边界(margin), C...
  • u012745215
  • u012745215
  • 2014年07月25日 11:18
  • 10008

CSS盒子模型-元素类型

一、块元素块元素是作为内容的独特块显示的元素,它以新行开始和结束。除了标签之外,HTML中的其他块元素包括 ,以及到标签。块元素逐个列出,沿页面垂直向下。它们尽可能地宽,这就意味着除非用某种方法...
  • spectecular
  • spectecular
  • 2011年04月02日 12:34
  • 426

CSS篇之1. CSS 盒子模型,绝对定位和相对定位

1. CSS 盒子模型,绝对定位和相对定位 解答: (1)css盒子模型: CSS中,盒子模型也叫框模型,它规定了元素框处理元素内容、内边距、边框 和 外边距 的方式。在HTML文档中,每个元素...
  • zengyonglan
  • zengyonglan
  • 2016年11月23日 09:47
  • 2387

css3之几种盒模型

昨晚回去花了点时间,系统的学习了一下盒模型,现总结如下。 1、盒的基本类型: 在css3中使用display属性来定义盒的类型,总体来说盒分为block类型和inline类型。 我们之前所学的d...
  • u012859748
  • u012859748
  • 2016年09月23日 10:43
  • 2336

CSS中盒子模型的总结

盒子模型就是把HTML页面中的元素看作是一个矩形的盒子,也就是一个装内容的容器。每个矩形都由元素的内容、内边距(padding)、边框(border)和外边距(margin)组成。...
  • u014745194
  • u014745194
  • 2017年06月03日 18:08
  • 417
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:css(二)盒子模型和不同元素类型
举报原因:
原因补充:

(最多只允许输入30个字)