margin 外边距border 边框padding 内边距content 内容td{/* 边框的样式*//* border-style: groove;*/ 边框的单边样式 border-top-style: groove; border-right-colo...
分类:
Web程序 时间:
2015-05-12 01:29:09
阅读次数:
458
一、盒子模型模型如下:如图:盒子模型包括:margin、padding、border、content四部分。margin:外边距,透明,能够显示父级的背景颜色等。padding:内边距,显示当前元素本身的背景颜色。border:边框。content:显示内容的区域,对于CSS的width设置的宽度就...
分类:
Web程序 时间:
2015-05-10 18:52:24
阅读次数:
149
图片样式.img-rounded:添加border-radius:6px来获得图片圆角.img-circle:添加border-radius:500px来让整个图片变成圆形。img-circle优先级高于img-rounded图片边框.img-thumbnail:添加一些内边距(padding)和一...
分类:
Web程序 时间:
2015-05-02 18:00:26
阅读次数:
142
CSS(10)盒子模型 CSS中, Box Model叫盒子模型(或框模型),Box Model规定了元素框处理元素内容(element content)、内边距(padding)、边框(border) 和 外边距(margin) 的方式。在HTML文档中,每个元素(element)都有盒子模型,....
分类:
Web程序 时间:
2015-04-29 13:04:27
阅读次数:
181
Bootstrap 缩略图。大多数站点都需要在网格中布局图像、视频、文本等。Bootstrap 通过缩略图为此提供了一种简便的方式。使用 Bootstrap 创建缩略图的步骤如下:在图像周围添加带有 class.thumbnail的 标签。这会添加四个像素的内边距(padding)和一个灰色的边框....
分类:
其他好文 时间:
2015-04-28 09:29:53
阅读次数:
142
一.css40分1.什么是盒模型?在网页布局中,为了让使各元素合理的组织,总结出来的一套原则和规范。盒模型由content(内容)、border(边框)、padding(内边距)、margin(外边距)组成。一个盒子实际占用空间是“内容+内边距+外边距+边框”组成。所有的网页元素都能看成一个盒子。详...
分类:
其他好文 时间:
2015-04-26 18:12:42
阅读次数:
262
CSS定位机制CSS有三种基本的定位机制:普通流、浮动和绝对定位。除非专门指定,否则所有框都在普通流中定位。也就是说,普通流中的元素的位置由元素在X(HTML)中的位置决定。块级框从上到下一个接一个地排列,框之间的垂直距离是由框的垂直外边距计算出来。行内框在一行中水平布置。可以使用水平内边距、边框和...
分类:
Web程序 时间:
2015-04-25 17:57:20
阅读次数:
273
background-origin设置元素背景图片的原始起始位置。语法:background-origin : border-box | padding-box | content-box;参数分别表示背景图片是从边框,还是内边距(默认值),或者是内容区域开始显示。效果如下:需要注意的是,如果背景不...
分类:
Web程序 时间:
2015-04-23 15:17:25
阅读次数:
161
块级元素块级元素拥有以下的几个特征:如果宽度未设置,则元素会自动适应父元素的宽度可以拥有外边距与内边距如果高度未设置,则元素会自动适应子元素的高度(假设它们没有设置浮动与定位)默认情况下,将放置在Html标记里前一元素之后(假设没有浮动或定位)忽略vertical-align属性所以,对于块级元素来...
分类:
其他好文 时间:
2015-04-09 13:23:07
阅读次数:
135
text-show:2px 2px 5px gray;文字阴影显示letter-spacing:1px; 文字间距1px;padding:10px; 内边距10px;-webkit-columns:atuo 3; 文字分为三排-webkit-column-gap:30px; 间空隙30px;...
分类:
其他好文 时间:
2015-04-07 17:27:33
阅读次数:
355