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;
版权声明:如果文中有任何问题或者值得讨论的地方,都可以在下方留言或者QQ526664687,欢迎交流!!!

相关文章推荐

盒模型基础知识简述

盒模型 盒模型的组成 content 背景 padding border margin 盒模型的实际大小 盒模型 HTML中,万物皆是盒模型 只要HTML中的标签,你都可以通过设置盒模型相关的内容,对...
  • zpw91
  • zpw91
  • 2016-11-26 21:57
  • 226

CSS-标准盒模型 & 怪异盒模型

CSS-标准盒模型 & 怪异盒模型

css3之几种盒模型

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

css盒子模型及其他元素属性简介

简介盒子模型的属性与用法

CSS(2)伪元素、盒子模型

扩展选择器 ☆关联选择器 标签是可以嵌套的,要让相同标签中的不同标签显示不同样式,就可以用此选择器。例如: p { color:#00FF00;} p b { color...

css盒子模型

  • 2016-08-22 15:40
  • 35KB
  • 下载

HTML+CSS入门笔记二之HTML+CSS盒子模型

(重点)盒子模型 element : 元素。 padding : 内边距,也有资料将其翻译为填充。 border : 边框。 margin : 外边距,也有资料将其翻译为空白...

css盒子模型

  • 2016-02-14 17:43
  • 230KB
  • 下载

CSS盒子模型结构

  • 2013-06-30 13:58
  • 14KB
  • 下载

盒子模型、元素定位、选择器

盒子模型 margin:外边距 margin-top、margin-right、margin-bottom、margin-left(上、右、下、左) 使用方式 (1)margin:30px...
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:深度学习:神经网络中的前向传播和反向传播算法推导
举报原因:
原因补充:

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