【1】【原创】按时间段调用不同CSS

    具体代码:<link rel="stylesheet" type="text/css" href="<?php $hour=date("H");if ($hour<12) echo "/skin/skyzsyone/css/style-blue.css"; elseif ($hour<17) echo "/sk..

所在专题:css实例    更新时间:2018-09-19    关注度:4次【阅读全文】

【2】若IMG的src为空时,则不显示img,否则就显示img的方法

   以下是用JS控制html中的IMG标签的两种方法:方法一:隐藏某一个特定的IMG<img src="" onerror="this.style.display=&#39;none&#39;"> <img src="http://www.baidu.com/不存在.j..

所在专题:css实例    更新时间:2018-08-05    关注度:35次【阅读全文】

【3】【原创】纯css 让图片等比例缩放

   本站CSS
#nrjuzhong img{
/*margin:auto;*/
/*vertical-align: middle;
text-align: center;
display:block;*/
/*思良:上面图片居中,下面自动略缩*/
max-w..

所在专题:css实例    更新时间:2018-08-05    关注度:47次【阅读全文】

【4】【原创】自定义按钮的一个样式效果

    input[type="submit"], input[type="reset"]{ /* 按钮边框效果 */ border:0px; padding:5px 15px 5px 15px; cursor:pointer; font-family: 'Droid Sans'; font-siz..

所在专题:css实例    更新时间:2018-07-05    关注度:19次【阅读全文】

【5】css实现超出div长度文字自动隐藏或用省略号表示

   在网页设计中,一些区域的标题文字是不能换行的,例如首页显示的文章标题,因为布局是固定的,换行会打乱布局,从而使网页产生错位。因此,我们需要一行一段文字,超出行宽的文字用省略号..

所在专题:css实例    更新时间:2018-02-10    关注度:18次【阅读全文】

【6】如何让一个行内元素(如一张图片)在div中居中

   (1)第一种:用vertical-align <div class="method1"> <span class="tiptop"></span> <img class="test" src="img/Dota2.jpg" alt="dota2"> </div> <style> .method1{..

所在专题:css实例    更新时间:2018-02-07    关注度:19次【阅读全文】

【7】纯css的防止图片撑破页面的代码(图片自动缩放)

    <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /><title>无标题文档</title>
<style type="text/css">
.content-width {MARGIN: auto;WIDTH: 600..

所在专题:css实例    更新时间:2016-03-21    关注度:13次【阅读全文】

【8】【原创】用CSS把DIV固定到最下面(别人那里抠来的)

   代码: <!DOCTYPE html><html><head><meta name="viewport" content="width=device-width, minimum-scale=1, maximum-scale=1, user-scalable=0;"><meta charset="UTF-8"> <s..

所在专题:css实例    更新时间:2016-03-07    关注度:21次【阅读全文】

【9】用css实现文字的自动隐藏

   不可换行 <NOBR></NOBR> (不换行)

overflow
版本:CSS2  兼容性:IE4+ NS6+ 继承性:无

语法:

overflow : visible | auto | hidden | scroll

参数:

visible :  不剪..

所在专题:css实例    更新时间:2016-01-21    关注度:10次【阅读全文】

【10】关于CSS Sprite切图技术

   我们经常看到一个页面上有很多小图标,可是当我们用工具去打开时却发现这些小图标其实在一张图片上,这是怎么实现的呢这当中用到了CSS Sprites切图技术。CSS Sprites其实就是把..

所在专题:css实例    更新时间:2016-01-14    关注度:10次【阅读全文】

【11】利用CSS定位背景图片 background-position

   我们在研究其他的网站的样式的时候经常会发现一种情况,就是在很多background属性里都调用同一张图片,来满足网页各个部分的使用。打开这种图片看一下,会发现这张图片上包含了很..

所在专题:css实例    更新时间:2015-12-21    关注度:12次【阅读全文】

【12】巧用css实现强制不换行、自动换行、强制换行

   我们在写页面代码的时候,有时把一个表格的宽度定死后会出现里面的文字不见了,特别是英文。这就是他换行了所导致的,这时我们就需要加些CSS元素让它来听我们的话!根据自己以往的..

所在专题:css实例    更新时间:2015-12-08    关注度:11次【阅读全文】

【13】HTML+CSS+JAVAscript详细手册大全

   电子书下载地址..

所在专题:css实例    更新时间:2015-08-25    关注度:6次【阅读全文】

【14】CSS滤镜应用集锦

   在网页制作中使用CSS,这已是众所周知,而关于CSS滤镜使用的却介绍得不多。其实,CSS的滤镜在Dreamweaver 3中用起来也很方便,且能使文字产生一种类似图象的效果,但比起图片来可就瘦..

所在专题:css实例    更新时间:2015-07-13    关注度:12次【阅读全文】

【15】CSS滤镜详解

   滤镜说明:  alpha:设置透明层次
blur:创建高速度移动效果,即模糊效果
chroma:制作专用颜色透明
DropShadow:创建对象的固定影子
FlipH:创建水平镜像图片
FlipV:创建垂直镜像图片
gl..

所在专题:css实例    更新时间:2015-07-13    关注度:14次【阅读全文】

【16】CSS网页设计:百分比进行背景图片定位

   此文为后来的教程做铺垫,转自这儿。百分数定位很有意思,可以实现非凡的效果。大部分人应该习惯于使用描述性词语(left、top、center&hellip;)或者数值(20px、1em&hellip;)对背景图..

所在专题:css实例    更新时间:2015-07-13    关注度:11次【阅读全文】

手机访问

本站APP

联系我

加我微信