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