css教程
CSS !important优先权重
!important介绍支持版本：CSS1支持浏览器：大于IE6语法：Selector{sRule!important;}功能：提升指定样式规则的应用优先权。示例代码：div{color:#f00!important;color:#000;}输出颜色#f00div{color:#f00!important;}div{color:#000;}输出颜色#f00...
CSS3实现苹果灵动岛效果
主要利用了CSS3-animation + JS实现效果，只是提供思路，具体细节可以参考<!DOCTYPE html><html> <head> <meta charset="UTF-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> <title>灵动岛</title>...
CSS伪类选择符大全
选择符版本简介E:linkCSS1设置超链接a在未被访问前的样式。E:visitedCSS1设置超链接a在其链接地址已被访问过时的样式。E:hoverCSS1/CSS2设置元素在其鼠标悬停时的样式。E:activeCSS1/CSS2设置元素在被用户激活（在鼠标点击与释放之间发生的事件）时的样...
CSS3旋转/放大/移动动画效果代码
效果一：360°旋转 修改rotate(旋转度数).img1 {transition: All 0.4s ease-in-out;-webkit-transition: All 0.4s ease-in-out;-moz-transition: All 0.4s ease-in-out;-o-transition: All 0.4s ease-in-out;}.img1:hover {transform: rotate(360deg)...
过年给网站加一对灯笼CSS代码
马上快过年了，给网站加一对红灯笼，这样才有过年的喜庆劲儿。灯笼是代码生成的无需图片，而且还会摆动。使用方法把HTML下面代码粘贴到网页BODY内任意位子都可以。灯笼的位子可以微调.deng-box的left和right数值。CSS代码<!-- 灯笼代码 --><div class="de...
CSS网页变灰色代码方法分享
发生重大哀悼事件时候，很多网站都将网站变灰色以示哀悼。在此我的站长站给大家总结了两种CSS网页变灰色代码方法，分享给大家。CSS filter方法直接写在BODY里面，只需要将css代码：filter: grayscale(10...
content字符图标大全分享
各种箭头图形样式用于HTML（在字符前加 &#）用于 CSS （在字符前加 \） 和 JavaScript（在字符前加 \u）⇠867221E0⇢867421E2⇡867321E1⇣867521E3↞8606219E↠860821A0↟8607219F↡860921A1←85922190→85942192↑85932191↓85952193↔85962194↕85972195⇄8...
左侧固定宽度,右侧随浏览器自适应宽度的CSS代码
左侧固定宽度，右侧随浏览器自适应宽度的布局在后台框架、左图右文的样式中经常用到。左边固定200PX，右侧宽度随浏览器缩放自动调整大小，我的站长站分享几种实现方法，代码尽量精简，只留关键代码。方法1、左浮动，右margin-left比较推荐的方法，兼容性高，代码也...
前端开发如何使用其他字体(图文)
我们经常看到别人的网站字体非常漂亮，那是因为他们使用了其他的美化字体，合理的使用字体可以让网站看上去，高端优雅。那么如何使用自己下载的字体，我的站长站今天分享给大家整套方法。1、字体选择选择字体要注意两点，如果这两点不注意，会适得其反的。一、...
table表格中的cellpadding和cellspacing属性有什么区别
我们在用到table表格时，有的代码编辑器会自动给生成的table表格加上Cellpadding和Cellspacing属性，通常我们现在很少使用Cellpadding和Cellspacing属性了，都会删除掉。Cellpadding和Cellspacing属性是给table表格单元格加间隔距离的，一个是外边距，一个是...