CSS3制作酷炫的三维相册效果
特炫的三维相册分享出来,希望大家喜欢! XML/HTML Code复制内容到剪贴板

  分类: CSS

利用CSS span实现双语菜单的方法教程
  主要是用CSS的span标签来实现,其实看了代码你会觉得,原来实现双语菜单如此简单。 CSS Code复制内容到剪贴板

  分类: CSS

CSS实现五颜六色按钮组成的导航条效果代码
本文实例讲述了CSS实现五颜六色按钮组成的导航条效果代码。分享给大家供大家参考。具体如下: 这里介绍一款CSS实现五颜六色按钮组成的炫丽导航菜单,其实“按钮”并不是真正的按钮元素,而是由CSS模拟出来的,这样有得你变换样式,配上黑色的背景,看上去很酷。 运行效果截图如下: 在线演示地址如下: http://demo.phpstudy.net/js/2015/css-n-color-bu

  分类: CSS

css教程制作css圆角边框(兼容全部浏览器)
复制代码代码如下:b{display:block;height:1px;background:#f6f6f6;overflow

  分类: CSS

关于CSS选择器优先级的判断题附结果截图
复制代码代码如下: <span style="font-size:14px;"><html> &

  分类: CSS

分享CSS3制作卡片式图片的方法
先看看效果图: XML/HTML Code复制内容到剪贴板

  分类: CSS

纯CSS实现设置半个字符的样式
在stackoverflow上看到的问题怎么给半个字符设置样式,很多大神给出了答案。我就等就来学习围观吧。一:基本解决方案:html:复制代码代码如下:

  分类: CSS

css特效 一道闪光在图片上划过代码
在百度音乐 http://music.baidu.com/ 看到这么一个图片效果,当鼠标移上去的时候,会有一道闪光在图片上划过,效果挺酷炫的。于是把这个效果再实现一下: 大体思想是,设计一个透明层i,skewx在X轴上做了负25度的变形,背景颜色用的是CSS3的线性渐变linear-gradient,然后hover的时候,设置0.5s的动画时间。 同时在 i 层使用 cursor:pointer,如果不设置这个的话,需要等透明层动画之后才能看得到 pointer 指针。

  分类: CSS

chrome表单自动填充导致input文本框背景变成偏黄色问题解决
chrome表单自动填充后,input文本框的背景会变成偏黄色的,这是由于chrome会默认给自动填充的input表单加上input:-webkit-autofill私有属性,然后对其赋予以下样式: 复制代码代码如下:

  分类: CSS

CSS水平对齐示例介绍
在 CSS 中,可以使用多种属性来水平对齐元素。 对齐块元素 块元素指的是占据全部可用宽度的元素,并且在其前后都会换行。 块元素的例子: 复制代

  分类: CSS

使用CSS媒体查询创建响应式布局教程
现如今在Web前端领域,BootStrap是一个最流行的UI库,其12列的栅栏系统为响应式布局提供了一种对程序员来说很好操作的模式。 追究Bootstrap的内在原理,其实就是通过媒体查询来完成对不同屏幕大小、不同分辨率、不同设备导致的不同场景下的Css样式的选择。今天我就对媒体查询这一工具或者说方法来进行一个总结。 从 CSS 版本 2 开始,就可以通过媒体类型在 CSS 中获得媒体支持。 1、如何使用媒体查询:

  分类: CSS

一款纯css3实现的动画加载导航
今天为给大家再带来一款纯css3实现的动画加载导航。该导航出现的时候以动画的形式出现。效果图如下: html代码: 复制代码代码如下:

  分类: CSS

css的margin collapsing导致最上面会出现一个横条
最近在做web页面设计的时候,莫名的发现最上面会出现一个横条,颜色为html的背景颜色。本意是那一片空横条应该为header的背景色。查了一些资料,发现是margin collapsing的问题,记录下来,希望初学者少走弯路。 从问题说起 先给出demo的源码和截屏,给出一个直观的印象。代码如下:

  分类: CSS

图片在div中垂直和水平同时对齐的实现方法
最近项目中碰到的问题,具体代码就不写了,大体说下思路,有两个div,包含关系,图片在小的div中,大的div实现小div垂直居中,或水平,小div再实现另一个方向上的居中就可以了,忘了说了,外面div style="display:table" 里面div style="display:table-cell"

  分类: CSS

CSS中怎么让DIV居中亲自实验得出的结论
CSS 如何使DIV层水平居中 今天用CSS碰到个很棘手的问题,DIV本身没有定义自己居中的属性, 网上很多的方法都是介绍用上级的text-align: center然后嵌套一层DIV来解决问题. 可是事实上这样的方法科学吗? 经过网络搜索和亲自实验得出以下结论: 正确的也是对页面构造没有影响的设置如下: 对需要水平居中的DIV层添加以下属性:

  分类: CSS

DIV多层嵌套margin-top的BUG问题
今天在做登录页面的时候发现个margin-top的bug ; 初始代码如下: html:复制代码代码如下:

  分类: CSS

使用Filters滤镜弥补CSS3的跨浏览器问题以及兼容低版本IE
跨浏览器兼容性是网页制作永恒的难题。别看各浏览器厂商都努力在自己的浏览器中实现新式的css3标准特性,但都是以扩展样式的形式提供的, 所以在未来一段时间里,样式表里的-moz-,-webkit-,(-ms-,-o-)等等前缀将长期存在。另外,虽说各家有志于扩张自己市场的浏览器厂商都提供了css3的新特性,但鉴于其老式版本的浏览器依然存在于用户的主机上(主要是微软旗下的ie6,7,8),除了考虑各家浏览器之间的兼容性外,我们还有必要向前兼容老式浏览器。

  分类: CSS

CSS position:absolute全面了解
一、绝对定位的特征 绝对定位有着与浮动一样的特性,即包裹性和破坏性。 就破坏性而言,浮动仅仅破坏了元素的高度,保留了元素的宽度;而绝对定位的元素高度和宽度都没有了。 请看下面代码: XML/HTML Code

  分类: CSS

表格里使用text-overflow后不能隐藏超出的文本的解决方法
在w3cschool中css3中有个文本相关的属性text-overflow,当把它设为ellipsis时文本溢出内容就能显示为省略标记,而设为clip时就能把文本溢出的部分裁切掉,当然,前提是设置好两个属性,那就是white-space:nowrap(强制文本在一行内显示)及overflow:hidden(溢出内容为隐藏),也就是要同时有

  分类: CSS

bootstrap3教程之bootstrap显示5列的方法
bootstrap是个好东西,对于CSS不是很熟悉的同学可以用它快速的做个不丑的网站。 但是bootstrap是个12栅格的系统,显示5列比较麻烦,今天我也刚好有这个需求,就稍微研究了下,并且成功了。具体的做法是: 在 head  里加载 bootstrap 的 css <link href="http://cdn.staticfile.org/twitter-bootstrap/3.1.1/css/bootstrap.min.cs

  分类: CSS

快速导航

Copyright © 2016 phpStudy |