hi,欢迎访问本站! 后台设置后台设置后台设置
当前位置: 首页 CSS列表

CSS

CSS教程

CSS3实现鼠标放大镜和放小镜的效果

CSS3中的cursor属性可以改变鼠标的形状,我们比较常用的到就是让鼠标变成小手,或者自己引入外部的.cur图标文件。今天我们就说一说,cursor属性在不引入外部.cur文件的情况下,让其变成放大镜,放小镜的形状CSS3中的cursor属性cursor 属性规定要显示的光标的类型(形状)。其值如下表CSS3中的cursor属性放大镜,

JS/JQ

jQuery选择元素的方法大全

jquery中对于HTML DOM 元素的选择封装着非常非常多的方法,下面是从网上搜集而整理出来的部份方法。jq通过位置选择1、:first:默认情况下是相对整个页面来说的第一个,如:ul:first表示整个页面的第一个ul元素,2、:last:默认情况下是相对整个页面来说的最后一个,如:ul:first表示整个页面的最后一个ul元素,3

CSS教程

JS+CSS原生带缩略图的焦点图 幻灯片

为了给增强插件添加一个右下角缩略图的广告位,在网站找部份的JS代码,然后发生现JS里面竟然存在一些木马一类的代码,这里严重鄙视一下那些收费下载的资源站,收费就收费了,不好好严控把关每一个资源的安全性,还挂着什么无毒的标识,这里不曝光网站名了。自己参考网上的资源写了一个,效果还不错。种纯生的JS代码,可以点击缩略图的情况下,显示对应的大图,

前端设计

自适应(响应式)网页中的几个关键分辨率

现在移动端设备的普及下,除了办公和游戏外使用电脑的次数越来越少,基本上都成为了低头一族。而这苦了一些网页前端的设计人员,为了能让网页适应PC端又同时适配移动端的前提下。自适应响应式网页就成为了当前的主流。自适应网页在不同设备或不同分辨率下,显示的布局是不同的。为了不让页面变形,而更好来美化网页,我们可以利用@media screen实现网

前端设计

让整个网站网页变灰的方法

一般在清明节,全国哀悼日,大地震的日子,以及一些影响力很大的伟人逝世或纪念日的时候,身为站长的我们都会让自己的网站的全部网页变成灰色(黑白色),以表示我们对逝者的悼念。那么今天就说说,通过几行简单的代码,来实现这个功能。第一种:修改CSS文件我们可以在网页的CSS文件中添加以下的CSS代码,来实现网页黑白色,也就是网站变灰CSS代码htm

前端设计

HTML中利用div+CSS实现简单的箭头图标

在网页设计中,我们经常得会用到一些箭头做为装饰来点缀我们的网页,虽然现在很多的网站的设计者们都喜欢以引用字体图标的形式来实现箭头的效果,但那样也会给网页的加载造成一些影响。今天飞鸟慕鱼小编就给大家说一说,在网页设计中如何利用div加CSS的方式来实现一些箭头的效果。DIV+CSS实现实心小箭头的效果在网页的一些二级导航菜单,或是带有下拉功

前端设计

HTML中的hr元素的CSS样式设置以及一些实例

在对html网页进行美化的时候,肯定少不了要用的hr标签进行装饰,很多人都会直接使用hr标签,但也有大部份新人只会使用hr标签,并不会对hr标签进行一些美化的操作,hr标签进过CSS样式进行美化后,也是非常好看以及百常的实用的,今天飞鸟慕鱼的小编就给大家说一说,有于对HTML中hr标签的美化以及一些实例。HTML中的hr标签HTML中的&

前端设计

CSS兄弟选择器符号‘+’号与‘~’号的区别

今天有人问我,在CSS的兄弟选择器中'+'号和'~'号码的区别是什么,而我自己对这个问题也不是很清除,当然,如果想弄清楚一个问题,用实践的方式比较好,今天就通过举几个例子来说明一个,CSS选择器中的加号和“~”号的区别在什么地方!CSS兄弟相邻选择器加号相邻兄弟选择器使用了加号(+),即相邻兄弟结合符(Ad

HTML教程

HTML5之placeholder属性以及如何更改placeholder属性中文字颜色

在HTML5中为input标签添加了一个新的属性为placeholder,此placeholder属性可以在input没有任何输入或value的属性为空的情况下,来提示用户在input中该输入什么样的内容,达到一个提示的作用。以前使用placeholder属性的时候,并未对其进行过CSS定义,一直是浏览器默认的样式,但最近有小伙件一直问我

CSS教程

CSS中浏览器前缀的兼容写法

浏览器引擎前缀,是一些放在CSS属性前的小字符串,用来确保这种属性只在特定的浏览器渲染引擎下才能识别和生效。谷歌浏览器和 Safari浏览器使用的是WebKit渲染引擎,火狐浏览器使用的是Gecko引擎,Internet Explorer使用的是Trident引擎,Opera以前使用Presto引擎,后改为WebKit引擎。一种浏览器引擎

1 2 3 末页
点击下拉