网页布局相关知识点整理
来源:互联网 发布:淘宝死人衣服是真是假 编辑:程序博客网 时间:2024/06/05 18:01
网页布局相关知识点整理
在网页中,元素有三种布局模型:
1、流动模型(Flow)
2、浮动模型 (Float)
3、层模型(Layer)
inline-block元素特点:
1、和其他元素都在一行上;
2、元素的高度、宽度、行高以及顶和底边距都可设置。
内联元素特点:
1、和其他元素都在一行上;
2、元素的高度、宽度、行高及顶部和底部边距不可设置;
3、元素的宽度就是它包含的文字或图片的宽度,不可改变。
块级元素特点:
1、每个块级元素都从新的一行开始,并且其后的元素也另起一行。(真霸道,一个块级元素独占一行)
2、元素的高度、宽度、行高以及顶和底边距都可设置。
3、元素宽度在不设置的情况下,是它本身父容器的100%(和父元素的宽度一致),除非设定一个宽度。
元素分类
在讲解CSS布局之前,我们需要提前知道一些知识,在CSS中,html中的标签元素大体被分为三种不同的类型:块状元素、内联元素(又叫行内元素)和内联块状元素。
常用的块状元素有:<div>、<p>、<h1>...<h6>、<ol>、<ul>、<dl>、<table>、<address>、<blockquote> 、<form>常用的内联元素有:<a>、<span>、<br>、<i>、<em>、<strong>、<label>、<q>、<var>、<cite>、<code>常用的内联块状元素有:<img>、<input>
0 0
- 网页布局相关知识点整理
- 布局相关的知识点
- funsionChart相关知识点整理
- 网络相关知识点整理
- 多线程相关知识点整理
- MQTT相关知识点整理
- redis相关知识点整理
- js相关知识点整理
- 网页布局参考相关
- CSS网页布局基础知识点
- Hadoop一些相关知识点整理
- iframe高度相关知识点整理
- Map的相关知识点整理
- Android 相关面试知识点整理
- 网页布局核心思想和小知识点
- 页面布局技巧&&js相关知识点&&乱七八糟
- IOS 游戏/应用开发相关知识点整理
- IOS 游戏/应用开发相关知识点整理
- MyBatis_SqlMapConfig.xml初始
- C++11新特性应用--让你的程序更高效(右值引用避免深拷贝)
- Xcode 7 进行 http 请求时, 需要添加的字段
- RESideMeue使用观后感
- The entitlements specified in your application’s Code Signing Entitlements file do not match those s
- 网页布局相关知识点整理
- tcp粘包分析
- 扇入扇出
- 找不到mysql.sock问题
- linux压缩解压之 gzip --可压缩目录中的文件,不同于zip
- 隆重公有化财团成员交恶 中绒遭深交所询问
- Nginx 1.9 安装 ngx_pagespeed 模块
- 第一篇博客
- android如何监听发送短信?