CSS3选择器nth-child(n)实现隔几行选择元素

nth-child(n)，n 可以是数字、关键词或公式。选择器匹配属于其父元素的第N个子元素，不论元素的类型。 序号写法： li:nth-child(3){background:orange;}/*把第3个LI的背景设为橙色*/ 倍数写法： li:nth-child(3n){background:orange;}/*把第3、第6、第9、…、所有3的倍数的LI的背景设为橙色*/ 倍数分组匹配： li:nth...
Web前端开发 / / 39428次阅读

list-style-image失效background替换方法

使用css+html制作网页时，经常会出现css代码在某浏览器没有效果的情况，如list-style-image代码就经常不能显示出图标，有些时候是因为使用了float的原因，有些时候却难以发现是什么原因。解决的方法一般是使用background背景图片的方法。 如以下css代码： #sidebar ul {margin:15px 0;} #sidebar ul li {line-height:1.5em;...
Web前端开发 / / 5317次阅读

jQuery hover改变div边框颜色

今天在做一个网页，需要用到鼠标悬浮hover改变当前div边框颜色，由于IE6之类的浏览器不支持非a以外的伪类，所以就用jQuery实现。刚开始使用addClass添加样式的方法，发现不能成功，后来就直接通过jquery给当前div添加一个border的样式。 实现效果的方法： $(document).ready(function() { $('.themelist').hover(function() {...
Web前端开发 / / 21554次阅读

CSS overflow 属性介绍

overflow 属性规定当内容溢出元素框时发生的事情。这个属性定义溢出元素内容区的内容会如何处理。如果值为 scroll，不论是否需要，用户代理都会提供一种滚动机制。因此，有可能即使元素框中可以放下所有内容也会出现滚动条。overflow属性默认值为auto 设置 overflow 属性： div { width:960px; height:150px; overflow:scroll; } overflow...
Web前端开发 / / 5296次阅读

jQuery hover(over,out)事件的用法

hover(over,out)这是jQuery的一个模仿悬停事件，即当鼠标移动到一个匹配的元素上面时，会触发指定的第一个函数。当鼠标移出这个元素时，会触发指定的第二个函数。而且，会伴随着对鼠标是否仍然处在特定元素中的检测，如果是，则会继续保持“悬停”状态，而不触发移出事件。 参数 over (Function) : 鼠标移到元素上要触发的函数 out (Function) : 鼠标移出元素要触发...
Web前端开发 / / 21597次阅读

DIV+CSS单行文字怎么垂直居中？CSS单行文字垂直居中的方法

DIV+CSS里单行文字垂直居中仅需要在DIV添加height属性后再添加个line-height属于就可以了。 #neirongorg {height:25px;line-height:25px;} 仅需要这样就可以达到单行文字垂直居中的效果。也可以应用到DIV垂直居中里。 也可以使用Vertical center现实，不它只对(X)HTML元素中拥有valign特性的元素才...
Web前端开发 / / 4517次阅读

在IE6中使用了float浮动元素导致margin产生双边距的解决方法

使用CSS+DIV制作网页的时候，由于目前浏览器太多，每个浏览器都有不同的CSS的BUG问题，其中IE浏览器特别多，加上用户总坚持着老版本不放，也加重了网页设计师的麻烦。float浮动之后margin产生双边距便是IE6中很明显的BUG。 什么是双边距？ 先看以下CSS代码： #neirong{float:left;width:250px;height:250px;margin:10px;} 表示宽高为250像素的D...
Web前端开发 / / 10448次阅读

CSS 实现logo图像链接替换文本链接

现在的网页设计一般用logo图片代码纯文本链接，而大部分网页设计师是直接在网页相关位置使用(&lt;img src="images/logo.gif"&gt;)实现的，其实更好的方法是直接使用CSS设置其背景图片，然后再对a标签进行样式定义，这样即利于搜索引擎辨别，也利于以后的变动修改。 如何利于CSS实现logo图片链接替换纯文本链接： 原html代码如下： <div id="logo">...
Web前端开发 / / 4256次阅读

.htaccess修改网站默认首页文件的方法

可能有些空间面板不支持修改网站默认首页文件的功能，但可以通过.htaccess文件修改，当然前提需要服务器空间支持。也当然，衡天主机的空间是支持的。 通过.htaccess修改网站默认首页的方法： 对网站根目录的.htaccess文件进行编辑（用文本工具，如果没有.htaccess文件，创建一个），添加以下代码内容： DirectoryIndex index.html index.htm index.php inde...
乱七八糟 / / 7062次阅读