-
10个CSS简写/优化技巧
CSS简写就是指将多行的CSS属性简写成一行，又称为CSS代码优化或CSS缩写。CSS简写的最大好处就是能够显著减少CSS文件的大小，优化网站整体性能，更加容易阅读。 下面介绍常见的CSS简写- 8.4k
- 0
-
css的margin缩写方式
html body div style="border: 1px solid red;" div style="border: 1px solid blue; margin: 20px;" margin: 20px;（上、下、左、右各20px。） /div /div div style="border: 1px solid red;" d…- 4.8k
- 0
-
CSS网页布局时常犯的几种小错误
1. 检查HTML元素是否有拼写错误、是否忘记结束标记 即使是老手也经常会弄错P的嵌套关系。可以用dreamweaver的验证功能检查一下有无错误。 2. 检查CSS是否书写正确 检查一下有无拼写错误、是否忘记结尾的 } 等。可以利用CleanCSS来检查 CSS的拼写错误。CleanC- 4.8k
- 0
-
CSS浮动属性Float详解
原文 ： all about floats 译文 ： 关于浮动的前世今生 版权所有，转载请注明出处，多谢！！ 什么是浮动？ 浮动是 css 的定位属性。我们可以看一下印刷设计来了解它的起源和作用。印刷布局中，文本可以按照需要围绕图片。一般把这种方式称为“文本环绕”。- 15.5k
- 0
-
CSS定位属性Position详解
CSS中最常用的布局类属性，一个是Float( CSS浮动属性Float详解 )，另一个就是CSS定位属性Position。 1. position:static 所有元素的默认定位都是：position:static，这意味着元素没有被定位，而且在文档中出现在它应该在的位置。 一般来说，不用指定 positio- 4.4k
- 0
-
CSS布局教程:绝对定位和相对定位
概要： 本文主要描述XHTML中相对定位和绝对定位各自的本质、用法、区别和两者之间的关系。以及使用CSS的Left、Right、Top、Bottom属性（偏移属性）和Margin属性（外边距）对定位块级元素进行布局的方法。(本文的示例，请看 这个 附件demo 。 ) 说明： 占位空- 6k
- 0
-
网页头部css代码优化实例
在div+css布局中，一般都这样来整体构架的： div id="header"/div div id="center"/div div id="footer"/div 而对于header部分，肯定要显示网站标题，除了显示网站标题外，还可能要显示其他比较重要的对象，比如网站的导航栏： div id="header" d…- 3.1k
- 0
-
em与px的区别以及em特点和应用
一直也搞不清楚px与em之间的关系和特点，看过95%的中国网站需要重写CSS以后后确实收获很大。平时都是用px来定义字体，所以无法用浏览器字体放大的功能，而国外大多数网站都可以在IE下使用。因为 1. IE无法调整那些使用px作为单位的字体大小； 2. 国外的大部- 2.3k
- 0
-
CSS+DIV实现鼠标经过背景变色
实现鼠标经过背景变色的方法有很多，今天我们介绍的是用CSS+DIV实现的方法。 方法一 以下为引用的内容： #div:hover{background:#000000;} 解释:鼠标经过id为div的元素时背景变色 IE6.0、Firefox2.0、Opera 9.23都不行 方法二 以下为引用的内容： div onmous- 5.9k
- 0
-
FireFox浏览器和IE浏览器下CSS的兼容问题
1.DOCTYPE 影响 CSS 处理 2.FF: div 设置 margin-left, margin-right 为 auto 时已经居中, IE 不行 3.FF: body 设置 text-align 时, div 需要设置 margin: auto(主要是 margin-left,margin-right) 方可居中 4.FF: 设置 padding 后, div 会增加 height 和…- 2.1k
- 0
-
CSS中的!important属性用法
关于CSS的运用技巧有很多， 今天主要探讨一下CSS中 !important 这个属性的用法。在CSS的使用中，遇到最多的问题就是不同浏览器之间的兼容问题。 由于IE并不严格执行W3C标准， 而又几乎垄断了浏览器市- 2.3k
- 0
-
CSS属性display:inline-block的深入理解
在使用 CSS 实现表现的时候，会经常接触到 display:inline-block 这一属性，大都会对这一属性感觉很模糊。 display:inline-block 将对象呈递为内联对象，但是对象的内容作为块对象呈递。旁边的内联对象会被呈递在同一行内，允许空格。 但对于这个属性不是所- 1.9k
- 0
-
CSS3的5个新技术讲解
CSS是众所周知且应用广泛的网站样式语言，在它的版本三(CSS3)计划中，新增了一些能够节省时间的特性。尽管只有当前最新了浏览器版本才能支持这些效果，但了解它们还是必须且很有趣味性的。暴风彬彬将在这篇文章向大家展示CSS中的5个有趣的新技术:圆角、个别- 2k
- 0
-
CSS中内联元素与块级元素
《CSS权威指南》中文中：任何不是块级元素的可见元素都是内联元素。其表现的特性是“ 行布局”形式，这里的“行布局”的意思就是说其表现形式始终以行进行显示。比如，我们设定一个内联元素border-bottom:1px solid #000;时其表现是以每行进行重复，每一行下- 2.1k
- 0
-
CSS布局口诀：CSS BUG顺口溜
在进行CSS网页布局时遇到BUG，请认真阅读以下内容，非常容易记忆的，不知道哪位高人把CSS BUG编成了顺口溜了！看看好不好记住呢？ 一、IE边框若显若无，须注意，定是高度设置已忘记； 二、浮动产生有缘故，若要父层包含住，紧跟浮动要清除，容器自然显其中；- 2.1k
- 0
-
css初学者：id和class的选择
css初学者在刚开始用div+css布局的时候，常常被一个问题所困扰：当定义一个属性时，是使用id，还是使用class？在这我谈下自己在工作中对id和class的使用原则。希望对初学者有所帮助。 ［b］id的使用原则［/b］ 我们知道id具有唯一性，也就是说在整个xhtml中i- 2.3k
- 0
-
css教程:DIV布局网页的常见错误
1. 检查HTML元素是否有拼写错误、是否忘记结束标记 即使是老手也经常会弄错div的嵌套关系。可以用dreamweaver的验证功能检查一下有无错误。 2. 检查CSS是否正确 检查一下有无拼写错误、是否忘记结尾的 } 等。可以利用CleanCSS来检查 CSS的拼写错误。CleanCSS- 1.5k
- 0
-
13种常用按钮、文本框、表单等CSS样式
虽然CSS样式的学习需要我们动手多实践，需要多做案例，思致思考，但有时候注意资料的收集与整理也是非常重要的，在实际开发中往往会起到事半功倍的效果。下面一些关于按钮、文本框、表单的常用CSS样式。大家可以参考。 一、按钮样式 .buttoncss{ font-family- 9.8k
- 0
-
Iframe高度自适应代码
Iframe高度自适应IE与FF环境下均可用 看下面的代码： scripttype="text/javascript" functionSetCwinHeight(){ varbobo=document.getElementById("bobo");//iframeid if(document.getElementById){ if(bobo!window.…- 2.9k
- 0
-
CSS如何定义一条水平虚线?
如果定义一条水平的虚线呢？ 我们首先需要了解，关于线条的CSS的两个样式： dotted: 在MAC平台上IE4+与WINDOWS和UNIX平台上IE5.5+为点线。否则为实线 dashed: 在MAC平台上IE4+与WINDOWS和UNIX平台上IE5.5+为虚线。否则为实线 水平线条，我们可以用hr来实现，- 6.2k
- 0
-
css自动换行的技巧
css自动换行有什么技巧？大家都知道连续的英文或数字能是容器被撑大，不能根据容器的大小自动换行，下面是CSS如何将他们换行的方法！ 大家都知道连续的英文或数字能是容器被撑大，不能根据容器的大小自动换行，下面是CSS如何将他们换行的方法！ 对于div 1.（- 2.3k
- 0
-
Div+CSS教程：如何闭合浮动元素？
按照CSS规范，浮动元素（floats）会被移出文档流，不会影响到块状盒子的布局而只会影响内联盒子（通常是文本）的排列。因此当其高度超出包含容器时，一般父容器不会自动伸长以闭合浮动元素。但是有时我们却需要这种自动闭合行为，具体如何处理呢？ 有一种做- 2k
- 0
-
Div+CSS实例教程：让页脚保持在未满屏页面的底部
DivCSS实例：让页脚保持在未满屏页面的底部 在内容不超过一屏的情况下，当浏览器窗口变小那行页脚文字会跟着向上浮动但还是保持在底部。 当内容多出一屏时，他显示在网页的最下边，而不是窗口的最下边；测试了一下，还可以，在IE6、IE7、FF等都没有问题！窗- 3.5k
- 0
-
Div CSS实例教程：页面制作方法
做前端也有几年时间了，不敢说能把他看地多透，但是多多少少还是有些自己的东西。就制作而言，我将一张页面分为四层：框架、布局、模块、列表和数据块。 一、框架 页面的框架基本上都是：“头”、“主体”、“尾”。但是对于一些页面如Tudou.com，由于布局的- 17.7k
- 0
-
￥优惠劵使用时效：无法使用使用时效：
之前
使用时效：永久有效优惠劵ID：×