1.Css盒模型(box model) web开发中,html的每个元素都是盒子,盒子可以装内容(content)、可以有填充物(padding)、有外壳(border) 和 外保护层(margin) 。下图为控制台中的盒子详解:浏览器的控制台是我们了解一个元素最好的一个工具,下图可以清晰的看出一个 ...
分类:
Web程序 时间:
2016-06-23 23:52:09
阅读次数:
228
网页制作时会遇到为元素设定边距的情况,边距又分为内边距和外边距,即margin和padding. 1.margin和padding是在html中的盒模型的基础上出现的,margin是盒子的外边距,即盒子与盒子之间的距离,而pdding是内边距,是盒子的边与盒子内部元素的距离; 2.margin和pa ...
分类:
其他好文 时间:
2016-06-23 22:10:42
阅读次数:
141
Flexbox是布局模块,而不是一个简单的属性,它包含父元素和子元素的属性。 Flexbox布局的主体思想是似的元素可以改变大小以适应可用空间,当可用空间变大,Flex元素将伸展大小以填充可用空间,当Flex元素超出可用空间时将自动缩小。总之,Flex元素是可以让你的布局根据浏览器的大小变化进行自动 ...
分类:
Web程序 时间:
2016-06-21 12:22:26
阅读次数:
224
1-盒模型的两种标准: IE :width 和 height属性 是包括padding和border在内的。 w3c:width 和 height 属性,就是单纯的内容的宽高,padding 是内容之外的附加值。 我发现我以前总是记得有点混乱。现在绝对不会忘记了。box-sizing属性可以定义要使 ...
分类:
Web程序 时间:
2016-06-19 17:06:12
阅读次数:
234
前端开发:css基础知识之盒模型以及浮动布局 前言 楼主的蛮多朋友最近都在学习html5,他们都会问到同一个问题 浮动是什么东西? 为什么这个浮动没有效果? 这个问题楼主已经回答了n遍。今天则是把它写到我的博客中,想知道自己过来翻就好啦 ^_^ 下面楼主把当前的自己对css的基础认知一一给大家道来. ...
分类:
Web程序 时间:
2016-06-18 23:56:40
阅读次数:
338
、、...、、、、、、 、 常用的内联元素有: 、、、、、、、、、、 常用的内联块状元素有: 、 2,元素分类--块级元素 设置display:block就是将元素显示为块级元素。如下代码就是将内联元素a转换为块状元素,从而使a元素具有块状元素特点。 a{display:block;} 块级元素特点 ...
分类:
Web程序 时间:
2016-06-17 19:05:30
阅读次数:
182
学习博客网址:http://caibaojian.com/flexbox-guide.html 设置在父元素上: 1. display:flex 2. flex-direction 设置主轴方向: row 从左向右排列(默认值) | row-reverse 从右向左排列 | column 从上往下排 ...
分类:
Web程序 时间:
2016-06-17 12:49:32
阅读次数:
249
12-1 CSS布局模型
清楚了CSS 盒模型的基本概念、 盒模型类型, 我们就可以深入探讨网页布局的基本模型了。布局模型与盒模型一样都是 CSS 最基本、最核心的概念。 但布局模型是建立在盒模型基础之上,又不同于我们常说的 CSS 布局样式或 CSS 布局模板。如果说布局模型是本,那么CSS 布局模板就是末了,是外在的表现形式。
CSS包含3种基本的布局模型,用英文概括为:Flow、Layer 和...
分类:
Web程序 时间:
2016-06-16 14:41:10
阅读次数:
297
DOCTYPE? 严格模式不混杂模式-如何触发这两种模式,区分它们有何意义?Strict与Transitional这两种模式有何意义?行内元素有哪些?块级元素有哪些?CSS 的盒模型?CSS 引入的方式有哪些? link 和@import 的区别是?CSS 选择符有哪些?哪些属性可以继承?优先级算法... ...
分类:
Web程序 时间:
2016-06-08 15:55:38
阅读次数:
760
第三章“师傅,我经过昨天的修炼,已经对HTML 此门神功有了基础的了解,但是学生有一事不明。”“何事?但说无妨。”“这便是那‘盒模型’,都说‘盒模型’是继佛怒火连之后,另一件超神器,但是徒儿却始终不能掌握其原理。”“此事无碍,且看此图。”
我们把这个盒子,类比成我们中秋节的时候包装月饼的月饼盒子。
其中两个月饼盒子之间的距离就是咱们要介绍的–>margin(外边距).
而咱们每个月饼...
分类:
Web程序 时间:
2016-06-07 17:55:40
阅读次数:
339