作家
登录
  • 防止CSS网页布局错位 CSS宽度计算

    为什么计算宽度 计算网页像素宽度是为了CSS网页布局整齐与兼容。常见的我们布局左右结构网页或使用padding、margin布局的时候将计算整页宽度,如果不计算无论是宽度过大过小就会出现错位问题。 ...

    作者:asdasdasd11-19
  • css中省去绝对地址前的http: 节省字节

    今天无意中在百度音乐中发现的http://music.baidu.com/虽然我不清楚具体的原理,不过看起来这样写是没出问题的 为了节省字节的话,是可以参考的 虽然我不清楚具体的原理,不过看起来这样写是没出...

    作者:asdasdasd11-19
  • IE8/9 使用text-overflow: ellipsis 做块元素超长内容变省略号的问题

    首先平时用的时候要配合 复制代码代码如下: overflow: hidden; white-space: nowrap; 这两个属性让起溢出隐藏和不换行,然后IE8用的时候记得不要加 复制代码代码如下: word-berak:break-all; wor...

    作者:asdasdasd11-19
  • 360安全桌面主题的设计小结 360安全桌面风格设计

      设计背景:  用户都是个性的,在满足功能需求的前提下。越来越多的用户开始选择为软件更换主题皮肤。当功能完善到一定程度以后个性化将会是一款产品发展的另一个方向。简单来说更换主题可...

    作者:asdasdasd11-19
  • 让div+css兼容所有浏览器的一些注意事项

    1.DOCTYPE 影响 CSS 处理 2.FF: div 设置 margin-left, margin-right 为 auto 时已经居中, IE 不行 3.FF: body 设置 text-align 时, div 需要设置 margin: auto(主要是 margin-left,margin-righ...

    作者:asdasdasd11-19
  • IE6789,FF之间Css Hack整理

    代码如下,注意顺序不能乱。 复制代码代码如下: div{ color:gray; /*FF等非IE浏览器字体色将为灰色 ff */ color:red; /*IE8 IE9字体色将为红色 ie8 */ color:yellow9; /*IE9字体色将为黄色...

    作者:asdasdasd11-19
  • ie-css3.htc 让IE6, 7, and 8也支持box-shadow

    首先下载ie-css3.htc脚本,然后在css中加入: 它的使用方法是:下载它并放到你的服务器目录 在你的<head></head>里面写入下面的代码: 复制代码代码如下: .box { -moz-border-radius: 15px; /* F...

    作者:asdasdasd11-19
  • 35款精致的 CSS3 和 HTML5 网页模板 推荐

    所以,今天这篇文章给大家带来的是35款基于 HTML5 和 CSS3 的非常精致的网站模板,大家可以借助这些优秀网站模板制作出自己的 HTML5 网站。这些网站模板大部分都是免费的,虽然有些要付费,但是...

    作者:asdasdasd11-19
  • 网页设计技巧:网站的首页设计对于能观众的影响

    我想你应该知道网站主页对整个网站的来说是非常重要的,哪么我们如果让它能吸引你的观众(访问用户)?这就取决于你的设计了,网站首页一般包含:导 航菜单、搜索栏、网站LOGO、目录以及其它内容...

    作者:asdasdasd11-19
  • CSS 定位之 z-index 问题分析

    关于z-index,目前遇到的一些问题
    1. 某些浏览器下元素层级遮盖存在bug;
    2. 某个元素z-index设的太大,导致始终无法被遮盖;
    3. js动态计算z-index,导致元素覆盖关系部可控

    层级遮盖bug出现的...

    作者:asdasdasd11-19
  • 该网站可能因黑客侵入而存在安全风险的解决方法

    看了一下网站源码,没问题,上ftp发现,被传了后门,查了一下百度近日收录,发现昨天居然被收录了900篇,看了一下全是别人加的垃圾页面去除文件,排除故障。百度将在网站故障排除后的48小时内取...

    作者:asdasdasd11-19
  • 活动专题页信息表达法则--瞬间致胜的方法

      一.重要信息突出展现  ● 活动页的重要信息是:活动标题(让用户了解是做什么的活动)、奖项设置(参与能得到什么)、参与入口(进入任务流程的通道),参与规则(如何参与活动),活动有效时间,...

    作者:asdasdasd11-19
  • CSS加载失败原因的总结与分析

    1、真正的加载失败 一、有时网页能完整打开网页布局完整,有时网页像没有CSS控制一样显示没有任何布局样式的网页。 造成此原因有空间IIS不够多、空间速度慢、浏览者网速慢等 二、网页打开显示完...

    作者:asdasdasd11-19
  • 25个CSS3动画按钮和菜单教程分享

    在本文中,将分享25个CSS3动画按钮和菜单教程,希望对你有所帮助。Animated Buttons with CSS3
    ( 演示 | 下载 )


    Awesome Animated Download Button With CSS3
    ( 演示 | 下载 )


    Animated Con...

    作者:asdasdasd11-19
  • 为博客添加“正在加载中”的过度特效的方法

    看到很多博客都有这个,想起自己博客也需要,于是就加了一个,方法是这样的: 首先看你博客有没有加载jQuery,如果没有,请在头部加上引用这段js的代码: <script type=&rdquo;text/javascript&...

    作者:asdasdasd11-19
  • 通过精简CSS实现控制网页文件大小

    众所周之,在不影响整个网页构架与功能的情况下,网页文件越小越好,因为更小的网页文件有利于浏览器对网页的解释时间缩到更短,自然访客也就不用面临等待网页缓慢呈现的烦躁了,这一点对于那些...

    作者:asdasdasd11-19
  • 10 套华丽的CSS3 按钮小结

    在过去的Web开发中,通常使用Photoshop来设计按钮的样式。不过随着CSS3技术的发展,你完全可以通过几行代码来定制一个漂亮的按钮,并且还可以呈现渐变、框阴影、文字阴影等效果。此类按钮最大的...

    作者:asdasdasd11-19
  • 在css3中background-clip属性与background-origin属性的用法介绍

    困惑在哪里?
    background-clip 与 background-origin是css3中引入的两个跟元素背景相关的属性,它们有相同的可选值,即border、padding、content三种,而且这两个属性表示的都是元素背景与元素边...

    作者:asdasdasd11-19
  • 网站日志200 0 64状态码的分析(协议子状态)

    日前,本人接手新站,观察日志发现,只有主页返回200 0 64状态码,其他页面返回正常。 首先,200 0 64状态码肯定是不太合常理,这一点无可厚非,那么究竟200 0 64状态码的返回代表什么呢?网...

    作者:asdasdasd11-19
  • google drive、dropbox、115等云存储列表交互的对比

      Gdrive沿用了Google Docs的风格,使用了简洁的图标代替了文字操作。Gdrive和Dropbox整体的界面风格属于清新、简洁类型,也是极简主义设计趋势。  1、Gdrive的hover态:  注:hover时高亮...

    作者:asdasdasd11-19
  • css的语法介绍 css基础

    1. 基本语法 CSS的定义是由三个部分构成:选择符(selector),属性(properties)和属性的取值(value)。 基本格式如下: selector {property: value} (选择符 {属性:值}) 选择符是可以是多...

    作者:asdasdasd11-19
  • 超棒的跨浏览器纯CSS动画实现 Animate.css使用方法

    通常情况下如果需要生成web动画效果的话,我们肯定会考虑使用一些类库或者jQuery的animate方法,那么有什么方便的方法来快速实现动画效果呢? 在今天的这篇文章中,我们将介绍一个超棒的CSS动画...

    作者:asdasdasd11-19
  • 纯CSS写的选项卡效果

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="zh" lang="zh">
    <m...

    作者:asdasdasd11-19
  • css3绘制天猫logo实现代码

    效果图:演示:http://demo.jb51.net/js/2012/css3/css3_tmall.html代码:需要注意两个css文件复制代码代码如下: <!DOCTYPE HTML> <html> <head> <meta charset="utf-8" /> <meta name="author"...

    作者:asdasdasd11-19
  • 收集的22款给力的HTML5和CSS3帮助工具

    1. CSS3 Selectors Test在打开这个地址时,它会自动测试你当前使用浏览器所支持的css属性,然后用一个列表的形式给展示出来;你可以点击列表中列出的每个项目来查看结果,包括一个小例子和相应的解...

    作者:asdasdasd11-19