作家
登录
  • FireFox正常 IE错位的绝对定位元素

    IE 一如既往地带来问题。真的,我觉得 IE 坚持自己的一套无所谓,不支持或者不完全支持标准也无所谓。但是,IE6 IE7 IE8 这三个版本都有各自不同的表现,实在是太让人难受了。
    前两天碰到了这个...

    作者:asdasdasd11-19
  • CSS 背景属性5个应用实例.

    1,Li列表 通过ul 和 li 的方式,我们可以构造出一些无序列表。通过ul+li,我们不仅可以做出一些漂亮的菜单,也可以做出一些完美的树形结构。 ul+li默认样式在前面有个小黑点,实际项目中我们可...

    作者:asdasdasd11-19
  • 网页制作 css让页面居中对齐

    总结一下css让页面居中对齐的方法1.我们常用的margin:0 auto;方法这个方法是大家用的最多的方法,使用的时候必须为容器制定宽度!例子:
    #main {width:960px;margin:0 auto;}
    这个在大部分浏览器...

    作者:asdasdasd11-19
  • CSS 网页布局中易犯的10个小错误小结

    1. 检查HTML元素是否有拼写错误、是否忘记结束标记 即使是老手也经常会弄错div的嵌套关系。可以用dreamweaver的验证功能检查一下有无错误。 2. 检查CSS是否书写正确 检查一下有无拼写错误、是否...

    作者:asdasdasd11-19
  • 有利于SEO的DIV+CSS的命名规则小结

    一、CSS文件及样式命名 1、CSS文件命名规范 全局样式:global.css; 框架布局:layout.css; 字体样式:font.css; 链接样式:link.css; 打印样式:print.css; 2、CSS样式命名规范 本人建议:...

    作者:asdasdasd11-19
  • CSS 避免使用滤镜

    这个滤镜的问题在于浏览器加载图片时它会终止内容的呈现并且冻结浏览器。在每一个元素(不仅仅是图片)它都会运算一次,增加了内存开支,因此它的问题是多方面的。 IE独有属性AlphaImageLoader用...

    作者:asdasdasd11-19
  • CSS Border属性制作小三角

    效果如下:

    鼠标放上显示第二个的效果!这个不知道在哪里看的,转过来了,地址不记得了,感谢原作者
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/...

    作者:asdasdasd11-19
  • CSS Sprite的一些最佳实践方法

    下面是一张样图:
      
    图片1
      本文的目的并不是讲CSS Sprite如何让一个网站更快,而是说一些使用CSS Sprite的时候的一些最佳实践。
      不要等到你完成切片之后才开始sprite.
      如果你边切...

    作者: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">
    <head>
    <meta http-equiv="...

    作者:asdasdasd11-19
  • css盒子模型 css margin 外边框合并

    CSS 框模型概述

    元素框的最内部分是实际的内容,直接包围内容的是内边距。内边距呈现了元素的背景。内边距的边缘是边框。边框以外是外边距,外边距默认是透明的,因此不会遮挡其后的任何元素。...

    作者:asdasdasd11-19
  • CSS Sprites简介以及优缺点

    CSS Sprites简介
    通常被意译为&ldquo;CSS图像拼合&rdquo;或&ldquo;CSS贴图定位&rdquo;。CSS Sprites并不是一门新技术,目前它已经在网页开发中发展得较为成熟,阿里巴巴各子公司的网页中到处都可...

    作者:asdasdasd11-19
  • 网站导航菜单的分割线和水平居中

    写这篇啰嗦的文章,缘由来自于Jorux Notebook的《什么是Semantics?》文章。
    实际上,从《网站重构》一书开始在国内流行之后,Zeldman提出的语义化标记就已经在一定程度上流传开来。在抛弃table布...

    作者:asdasdasd11-19
  • 条件CSS基本使用方法

    毫无疑问,任何一个试图使用 CSS 的网页设计师和开发人员都会发现不同的浏览器要求不同的样式声明。这些烦恼归咎于各浏览器及其各版本不同程度的 CSS 执行的完整性。条件 CSS 是这个问题的一个解...

    作者:asdasdasd11-19
  • css word-break word-wrap 前台显示自动换行

    word-wrap是控制换行的。 使用break-word时,是将强制换行。中文没有任何问题,英文语句也没问题。但是对于长串的英文,就不起作用。 break-word是控制是否断词的。 normal是默认情况,英文单词...

    作者:asdasdasd11-19
  • css 优先级关系

    浏览器缺省设置 外部样式表 内部样式表(位于 <head> 标签内部) 内联样式(在 HTML 元素内部) 如果都在一个大级别下,id选择器样式优先级高于类选择器样式。而类选择器样式又高于标记选择器样...

    作者:asdasdasd11-19
  • CSS对IE6、IE7、IE8支持详细的易用的参考

    根据这些令人遗憾的统计结果,在为客户开发网站的时候开发人员对所有当前使用的IE浏览器做全面的测试是必要的,而且这样在个人项目上也可
    中文原文:CSS在Internet Explorer 6, 7 和8中的差别译...

    作者:asdasdasd11-19
  • CSS first-letter伪类元素的特点

    有一次我试图让<div id="acticle"><p>&hellip;&hellip;</p></div>中的P也能实现首字下沉,可是结果却失败了,得出的结论是:我们并不能隔着一层标签去控制子对象中的第一个字符。
    由于这句存在误...

    作者:asdasdasd11-19
  • 绝对定位(absolute)和浮动定位(float)分析

    在CSS中,实现分栏布局有两种方法。第一种方法是使用四种CSS定位选项(absolute 、static、relative和fixed)中的绝对定位(absolute positioning),它可以将文档中的某个元素从其原本位置上移除,...

    作者:asdasdasd11-19
  • input 文本框 文字垂直居中对齐 ie firefox

    浏览器支持 所有浏览器都支持 line-height 属性。 这就奇怪了,既然支持为什么不居中呢? 解决这个问题可以用pading设置上下填充,但是如果文本框有背景图片的话就会向下凸出一块,此时可以把ma...

    作者:asdasdasd11-19
  • css 自动换行 强制换行属性 (firefox+ie)

    语法: word-wrap : normal | break-word 取值: normal :  默认值 。允许内容顶开指定的容器边界 break-word :  内容将在边界内换行。如果需要,词内换行( word-break )也将发生 说明: 设置...

    作者:asdasdasd11-19
  • footer 贴在底部的布局实现代码

    footer位置自适应复制代码代码如下: <div id="wrap"> <div id="main" class="clearfix"> <div id="content"> ccc </div> <div id="side"> sss </div> </div> </div> <div id="footer"> fff </di...

    作者:asdasdasd11-19
  • IE 选择符的4095限制

    去年曾总结了《IE对CSS样式表的限制和解决方案》中限制的第4条写道&ldquo;一个CSS文件的不能超过288kb?&rdquo;,这是一个疑问句,当时没有重现出来且参考来自Internet Explorer CSS File Size ...

    作者:asdasdasd11-19
  • CSS Expression 优化

    IE 浏览器中 CSS Expression 特性的最大的问题:会反复执行,每秒钟可能执行了成百上千次,有严重的性能问题。
    如何对 CSS Expression 进行优化呢?
    至少:如果我们将 CSS Expression 在匹配的元...

    作者:asdasdasd11-19
  • css 教学实例 漂亮的搜索框

    如图: 我就身教一回,代码如下:复制代码代码如下:<html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>css教学(学生:Dream&middot;Sky)</title> <style type="text/css"> .search{ba...

    作者:asdasdasd11-19
  • li float后IE下有空格

    复制代码代码如下: <ul> <li><a href='###'>LINK</a></li> <li><a href='###'>LINK</a></li> <li><a href='###'>LINK</a></li> <li><a href='###'>LINK</a></li> <li><a href='###'>LINK</a></l...

    作者:asdasdasd11-19