1.选择器 参考链接:十分钟搞定CSS选择器-Samaritans CSS选择器笔记-阮一峰 CSS选择器-w3school MDN 参考书籍:《CSS高效开发指南》 2.布局 2.1 盒模型 颜色:内边距总是跟元素的背景色一样,所以当你设置背景色时,你会发现背景色在元素本身和内边距上都生效了。外边
分类:
Web程序 时间:
2016-02-22 13:30:58
阅读次数:
209
box-sizing?定义和用法?box-sizing 属性允许以特定的方式定义匹配某个区域的特定元素。?语法?box-sizing: content-box|border-box|inherit?值描述?content-box?宽度和高度分别应用到元素的内容框。?在宽度和高度之外绘制元素的内边距和
分类:
其他好文 时间:
2016-02-19 22:08:10
阅读次数:
354
盒子模型代码简写回忆盒模型时外边距(margin)、内边距(padding)和边框(border)设置上下左右四个方向的边距是按照顺时针方向设置的:上右下左。语法:margin:10px 15px 12px 14px;/*上设置为10px、右设置为15px、下设置为12px、左设置为14px*/通常...
分类:
Web程序 时间:
2016-02-09 23:20:25
阅读次数:
355
一、CSS框模型(box model)包含了边框(boder)、外边距(margin)、内边距(padding)、宽(width)、高(height)、元素(element)。背景应用于由内容、边框、内边距组成的区域。单边内边距的属性有四个,分别设有上、右、下、左内边距:padding —top p
分类:
Web程序 时间:
2016-01-30 22:35:55
阅读次数:
185
box-sizing有三个属性,分别是:content-box,border-box,inherit (1)content-box:在宽度和高度之外绘制元素的内边距和边框(默认属性) (2)border-box:元素指定的任何内边距和边框都将在已设定的宽度和高度内进行绘制 (3)inherit:规定
分类:
其他好文 时间:
2016-01-29 20:35:20
阅读次数:
176
盒子模型概述盒子模型是CSS的基石之一,他指定元素如何显示以及(在某种程度上)如何交互。页面上的每个元素都被看做一个矩形框,这个框由元素的内容、内边距、边框和外边距组成,如图所示: 内边距,边框和外边距都是可选的,默认值为0,但是很多元素会由用户代理样式表(浏览器样式)设置内边距和外边距,可以通.....
分类:
其他好文 时间:
2016-01-22 10:29:23
阅读次数:
185
最近测试给了我一大堆BUG,一瞅发现全是IE11的。吐槽一下这个浏览器真的比较特立独行。很多默认的样式跟别的浏览器不同,而且最明显的一点应该是padding左右内边距往往比别的浏览器大了一倍。但是当需要修改的时候又头疼了。如果改变原有的padding值,那么在IE11生效了。别的浏览器又有问题了.....
分类:
Web程序 时间:
2016-01-14 20:39:19
阅读次数:
259
根据块状元素和行内元素的特性来区分块状元素:主要特点是能占据一行,高度行高内边距外边距能控制,能容纳内联元素和其他块状元素行内元素:不能独占一行,随内容大小而定。无法设置宽高,设置的外边距只能在左右上起作用,上下没有作用所以要根据元素的特性做的居中父元素是块状元素,子元素是行内元素水平居中:给父元素...
分类:
其他好文 时间:
2016-01-14 18:53:08
阅读次数:
243
第一步:编辑菜单的HTML代码 菜单包含三个列表项,分别取名为“Menu1”、“Menu2”、“Menu3”。?1234567Menu1Menu2Menu3 第二步:设置菜单的背景 在该步骤中,我们将把导航的背景设置为黑色。宽度、高度和内边距为可选项,可以不设置。?1.css3Menus {...
分类:
Web程序 时间:
2016-01-13 12:52:58
阅读次数:
206
1px dashed虚线box-sizing拯救了布局1、inherit 继承父级2、content-box(默认)-----这个盒子的边框、内边距 这2个值是不包括在width和height中,所以外扩3、border-box---- 这个盒子的边框、内边距 这2个值是包括在width和heigh...
分类:
Web程序 时间:
2016-01-08 18:44:53
阅读次数:
277