Bootstrap边框布局

我们可以利用bootstrap的.container样式进行固定宽度布局。

如果是做成模板让别人选择的话,比如可以选择全屏和固定宽度,我们可以通过以下来实现!

其实下边的做法就是复制了一个.container

定义一个.boxed边框样式,当需要边框的时候把它加在body里,<[......]

阅读全文

飞鱼

.page-header - Bootstrap页面头部/段落标题样式

bootstrap内置的.page-header样式会在底部添加一个边框。并自动产生边距。相当于底部添加了一个<hr>

这个样式我们可能经常用到,最常见的就是在一篇文章里多次出现段落标题。如下图:

bootstrap page header
[cray[......]

阅读全文

Tags:
飞鱼

CSS > 子元素选择器

Css子元素选择器(Child selectors)只能选择作为某元素子元素的元素。子选择器使用了大于号(子结合符)。

选择子元素

如果您不希望选择任意的后代元素,而是希望缩小范围,只选择某个元素的子元素,请使用子元素选择器(Child selector)。

例如,如果您希望选择只作为 h[......]

阅读全文

飞鱼

Css3 :empty 选择器

Css3的 :empty 选择器匹配没有子元素(包括文本节点)的每个元素。所有主流浏览器均支持 :empty 选择器,除了 IE8 及更早的版本。

样式:

以下为html测试代码
[crayon-5a3716a[......]

阅读全文

Tags: ,
飞鱼

Css background-position: 让背景图片水平垂直居中

在制作网页的过程中,我们有时候可能需要让背景图片水平垂直居中。

这一点可以通过css的背景图片定位属性background-position来实现:

div{background-position:center center}

其中第一个center是水平居中(X轴),第二个cen[......]

阅读全文

飞鱼

CSS3 background-size 属性

语法


描述

length
设置背景图像的高度和宽度。

第一个值设置宽度,第二个值设置高度。

如果只设置一个值,则第二个值会被设置为 "auto"。

percentage
以父元[......]

阅读全文

Tags: ,
飞鱼

Css z-index属性

Css z-index属性是设置元素的堆叠顺序,拥有更高堆叠顺序的元素总是会处于堆叠顺序较低的元素的前面。

因为显示器是显示的图案是一个二维平面,拥有x轴和y轴来表示位置属性。为了表示三维立体的概念如显示元素的上下层的叠加顺序引入了z-index属性来表示z轴的区别。表示一个元素在叠加顺序上的[......]

阅读全文

Tags: ,
飞鱼

Css3 RGBa(颜色+透明度)

在css3中增加了一个RGBa的颜色属性。

RGB对于学过css的同志都知道它代表红色R(red)+绿色G(green)+蓝色B(blue),是定义颜色的。

那么RGBA是在rgb的基础上添加了一个a,这个a代表Alpha通道,也就是增加了一个透明度。

A的属性:从1到0,1表示不[......]

阅读全文

Tags: , ,
飞鱼

Bootstrap嵌入响应式视频iframe框架embed-responsive

Bootstrap中利用embed-responsive样式可以嵌入响应式框架:<iframe>、<embed>、<video> 和 <object> 元素。

.embed-responsive——指定div为具有响应式特性的嵌入内容的组件;[......]

阅读全文

飞鱼

jQuery最新版本下载(实时更新)

jQuery是轻量级的js库 ,它兼容CSS3,还兼容各种浏览器(IE 6.0+, FF 1.5+, Safari 2.0+, Opera 9.0+),jQuery2.0及后续版本将不再支持IE6/7/8浏览器。

jQuery v2.1.4

[crayon-5a3716ad236c0824664[......]

阅读全文

Tags:
飞鱼