欢迎各位兄弟 发布技术文章

这里的技术是共享的

You are here

div+css

shiping1 的头像

Bootstrap之Affix用法详解及示例

在Bootstrap的文档中,关于 Affix用法
普通分类: 
shiping1 的头像

让 Bootstrap 轮播效果支持左右滑动手势 有大用


分类: Web 2763人阅读 
普通分类: 
shiping1 的头像

HTML中的<select>标签如何设置默认选中的选项

方法有两种。

第一种通过<select>的属性来设置选中项,此方法可以在动态语言如php在后台根据需要控制输出结果。

普通分类: 
shiping1 的头像

SASS用法指南

SASS用法指南

普通分类: 
shiping1 的头像

页面返回顶部功能的实现

这是一个小小的功能,jQuery实现的话很简单,即animate()方法,特地记录一下.

首先贴一下返回顶部的功能代码:

普通分类: 
shiping1 的头像

CSS秘密花园:灵活的背景定位 距左边 距左部 距左侧 距右边 距右部 距右侧 距底边 距底部 距底侧 距顶边 距顶部 有大用 有大用

解决方案:增强型 background-position

普通分类: 
shiping1 的头像

HTML 5 <input> type 属性

HTML 5 <input> type 属性

普通分类: 
shiping1 的头像

bootstrap 左浮动 右浮动

快速浮动

普通分类: 
shiping1 的头像

bootstrap 清除浮动

You need to utilize the proper bootstrap classes.
普通分类: 
shiping1 的头像

Bootstrap 3.x手风琴折叠效果代码

Bootstrap从2.x升级到3.x之后,折叠的效果依旧保留,但是样式表的类名却被修改了,之前的.accordion被替换成了.panel-group,还有其他不少类名都被修改。

下面我们就介绍一下Bootstrap 3.x手风琴折叠效果代码,与之前的2.x有了一些变化。

普通分类: 
shiping1 的头像

css 查阅 有大用

shiping1 的头像

CSS list-style-type 属性

普通分类: 
shiping1 的头像

bootstrap table center align

 

普通分类: 
shiping1 的头像

css 奇数行 偶数行 奇偶数 奇行 偶行 第一个元素 第二个元素 有大用

css 代码 

普通分类: 
shiping1 的头像

表单控制 .form-control 如果与 .btn-lg在一起用 发觉 高度不够 因为 .form-control 固定了高度了为34px

shiping1 的头像

CSS: 解决Div float后,父Div无法高度自适应的问题

 

在用CSS+DIV的布局中,经常会发现,当一个DIV float之后,如果他的高度超过了其父DIV的高度时,其父DIV的高度并不会相应的进行调整。要解决这个问题(也叫做闭合(清除)浮动),我们有四种办法:

1. 额外标签法

普通分类: 
shiping1 的头像

垂直居中对齐浮动的元素

类似如下的 HTML 代码非常常见:
普通分类: 
shiping1 的头像

CSS制作水平垂直居中对齐 有大用

作为前端攻城师,在制作Web页面时都有碰到CSS制作水平垂直居中,我想大家都有研究过或者写过,特别的其中的垂直居中,更是让人烦恼。这段时间,我收集了几种不同的方式制作垂直居中方法,但每种方法各有千秋呀,要正确的选择也是一件不容易的事情。我会将这几种方法一一介绍给大家,以供大家参考。或许对于我这样的初学者有一定的帮助。
普通分类: 
shiping1 的头像

CSS制作图片水平垂直居中

做为一个前端设计人员,对于产品展示页面的设计一定不会陌生,其中产品图片摆放是必定经历的一步,并且水平居中和垂直居中又是最多的。有时需要产品图片水平垂直居中显示,这种展示用CSS来实现又是比较棘手的一件事,我想很多前端攻程师都有研究过或者说是搜索过这些方法吧。很多网站都是使用table来实现产品图片垂直居中,实现也是相当的方便,唯一不足之处就是结构繁锁,那么今天和大家一起看几种不是使用talbe方法实现产品图片水平垂直居中的方法。

普通分类: 
shiping1 的头像

六种实现元素水平居中

 

普通分类: 
shiping1 的头像

CSS 相邻兄弟选择器

相邻兄弟选择器(Adjacent sibling selector)可选择紧接在另一元素后的元素,且二者有相同父元素。
普通分类: 
shiping1 的头像

30个最常用css选择器解析

你也许已经掌握了id、class、后台选择器这些基本的css选择器。但这远远不是css的全部。下面向大家系统的解析css中30个最常用的选择器,包括我们最头痛的浏览器兼容性问题。掌握了它们,才能真正领略css的巨大灵活性。
普通分类: 
shiping1 的头像

div+css 教程

shiping1 的头像

CSS 子元素选择器

与后代选择器相比,子元素选择器(Child selectors)只能选择作为某元素子元素的元素。
普通分类: 
shiping1 的头像

css第一个元素 第二个元素

在做网页的JS特效时,CSS的隐藏和显示是被经常使用的,通常是让一组标签全部隐藏,让组元素的第一个标签作为默认并显示,那就要用到css中的伪类选择器。

CSS的伪类选择器有很多种,在这里只讲解CSS中如何定义一组标签中的第一个元素。

普通分类: 
shiping1 的头像

div 浮层遮盖 遮挡 遮住flash 问题再研究 div 遮盖 video

好像 html5 电脑浏览器 div与video是平行的关系,无所谓遮挡的问题 

普通分类: 
shiping1 的头像

CSS :focus 选择器

选择获得焦点的输入字段,并设置其样式:
普通分类: 
shiping1 的头像

纯 CSS 实现高度与宽度成比例的效果 有大用

最近在做一个产品列表页面,布局如右图所示。页面中有若干个 item,其中每个 item 都向左浮动,并包含在自适应浏览器窗口宽度的父元素中。
普通分类: 
shiping1 的头像

问题:怎样才能“响应式+固定宽高比例”,多余的自动截掉? 有大用

问题:怎样才能“响应式+固定宽高比例”,多余的自动截掉?

普通分类: 
shiping1 的头像

响应式布局 width:100%, 最好加上max-width:100%

普通分类: 

页面

Subscribe to RSS - div+css