css清除浮动,CSS 清除浮动Clear
点评：课程关键词：清除浮动Clear.还记得第二课我们做的例子的效果么？最后效果是，红色方块和蓝色方块都处于一行，我们使用“Float:left”，打击了块状元素的“霸道”即块状元素不允许其他元素和它处于同一行。我们将红色方块的CSS代码中加入了“Float:left;”后，红色方块终于允许蓝色方块和它处于同一行。如图：我们换... [阅读全文]
css导航条,CSS 制作网页导航条（上）
点评：CSS网页制作教程:制作网页导航条.课程开始： 前三节课，我们知道了什么是“内容块状元素和内联元素”，以及XHTML+CSS布局的核心概念“盒子模型”，同时又学习了一下页面布局中两种方法中的一种方法“浮动”，这次我们就利用这三个概念，来制作一款，经典的导航条，别看它其貌不扬，可是网上所有的导航条都可以再它的基础... [阅读全文]
css导航条,CSS 制作网页导航条（下）
点评：上一篇文章的导航条还没有链接，还不能点击，这节课我们就要做一个完整的导航条上节课我们将导航条做成了下面的效果但是此时的导航条还没有链接，还不能点击，这节课我们就要做一个完整的导航条【第四步】 我们需要将上面的导航条做以下几个修改 1）给上面的导航加上链接； 2）链接文字大小修改为12px; 3）并且规定链接样式，鼠标移上去和拿开的效果 修改方法如下 1）导航加链接，HTML代码如下： 复制代... [阅读全文]
css定位,css position 定位
点评：定位(position)布局页面说容易非常容易，只需要记住这节课最后一句话就可以了，说困难，那是相当的难理解，需要一定的耐心，不过还好，KwooJan给大家总结的已经很通俗易懂了。如果下面的文字实在是无法理解透，那就记住这节课最后总结的一句话“如果用position来布局页面，父级元素的position属性必须为relative，而定位于父级内部某个位置的元素，最好用absolu... [阅读全文]
css定位,css 定位应用实例
点评：如果用position来布局页面，父级元素的position属性必须为relative，而定位于父级内部某个位置的元素，最好用absolute，因为它不受父级元素的padding的属性影响，当然你也可以用position，不过到时候计算的时候不要忘记padding的值。如果你还是不能太明白这句话，我们就做个实例，把我们第5节页面的头部blog区域用定位(position)来布局一下 HTML... [阅读全文]
css浏览器,CSS常用浏览器兼容调整小结
点评：用CSS+DIV来写网站代码的好处显而易见，这里不多说了，但由于不同浏览器对CSS的解释不统一，造成不同浏览器下页面错位的现象十分常见…… 页面乱的原因是因为IE6认为一个DIV超宽了，所以把本应float;right的DIV挤了下去。而如果设置为IE6下显示正常的宽度，则在IE7和Firefox下看页面就会少了一块一样，也很别扭…. 怎么办？用CSS HACK 来改写CSS代... [阅读全文]
css图片按钮,css 单图片按钮实例（css 图片变换）
点评：一般我们做按钮基本上都需要两张图片，一张正常状态的图片，一张按下去效果图片做这种按钮思路就是，设置链接a的背景为第一张图片，a:hover的背景为第二章图片代码如下： HTML代码： 复制代码代码如下:... [阅读全文]
火狐浏览器,css firefox火狐浏览器下的兼容性问题
点评：css firefox火狐浏览器下的兼容性问题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: 设置 padd... [阅读全文]
css规则,CSS 使用规则总结
点评：CSS 使用规则总结，对于广大前端开发爱好者，是必须要知道的一些技巧。一.缩写规则 关于边距 margin（4边）： 1px 2px 3px 4px (上、右、下、左) 1px 2px 3px （省略的左等于右） 1px 2px (省略的上等于下) 1px （四边都相同） 简化所有： */ body{margin:0}------------表示网页内所有元素的margin为0 #menu{... [阅读全文]
css如何注释,如何组织和注释CSS文件
点评：关于如何组织和注释CSS文件,有很多方法,但是哪一种方法最好,却没有答案,这要靠你自己在工作中慢慢的去思考了.如果你有更好的方法请告诉大家让大家一起分享当我们的样式表变得很大和很复杂时,按整洁易懂的结构组织它是非常重要的.组织样式表可以让我们写出更有效率的CSS,并让其他人容易明白和编辑的CSS样式.当然,每个设计师都会有自己所钟爱的方式. 1.通过位置来组织 有些设计师喜欢用区块来组织他们... [阅读全文]
divcss,DIV+CSS 浏览器兼容性小结
点评：在网站设计的时候，应该注意css样式兼容不同浏览器问题，特别是对完全使用DIV CSS设计的网，就应该更注意IE6 IE7 FF对CSS样式的兼容，不然，你的网乱可能出去不想出现的效果！所有浏览器 通用height: 100px;IE6 专用_height: 100px;IE6 专用*height: 100px;IE7 专用*+height: 100px;IE7、FF 共用height: 1... [阅读全文]
css如何注释,如何组织和注释CSS文件
点评：关于如何组织和注释CSS文件,有很多方法,但是哪一种方法最好,却没有答案,这要靠你自己在工作中慢慢的去思考了.如果你有更好的方法请告诉大家让大家一起分享当我们的样式表变得很大和很复杂时,按整洁易懂的结构组织它是非常重要的.组织样式表可以让我们写出更有效率的CSS,并让其他人容易明白和编辑的CSS样式.当然,每个设计师都会有自己所钟爱的方式. 1.通过位置来组织 有些设计师喜欢用区块来组织他们... [阅读全文]
css样式,CSS样式按整洁易懂的结构组织
点评：关于如何组织和注释CSS文件,有很多方法,但是哪一种方法最好,却没有答案,这要靠你自己在工作中慢慢的去思考了.当我们的样式表变得很大和很复杂时,按整洁易懂的结构组织它是非常重要的.组织样式表可以让我们写出更有效率的CSS,并让其他人容易明白和编辑的CSS样式.当然,每个设计师都会有自己所钟爱的方式.1.通过位置来组织有些设计师喜欢用区块来组织他们的样式规则,所有的#branding在一个组里... [阅读全文]
css字体颜色,CSS Prism 查看和编辑CSS中用到的颜色
点评：CSS Prism：你在CSS中用了多少种颜色？很多时候，设计师希望要求我们完全还原设计图，甚至是要求“像素完美”。颜色是设计中很重要的一部分，你也会将设计图中的色彩完整的还原到页面中。然而，很多时候可能就连设计师自己都不知道用了多少种颜色。显然，页面中使用过多的颜色并不是好事。CSS Prism是一个专门用于查看和编辑CSS中用到的颜色的网站，它由Ryan Berg... [阅读全文]
css样式,CSS样式按整洁易懂的结构组织
点评：关于如何组织和注释CSS文件,有很多方法,但是哪一种方法最好,却没有答案,这要靠你自己在工作中慢慢的去思考了.当我们的样式表变得很大和很复杂时,按整洁易懂的结构组织它是非常重要的.组织样式表可以让我们写出更有效率的CSS,并让其他人容易明白和编辑的CSS样式.当然,每个设计师都会有自己所钟爱的方式.1.通过位置来组织有些设计师喜欢用区块来组织他们的样式规则,所有的#branding在一个组里... [阅读全文]
css技巧,正确地利用css改进网站设计的3个技巧
点评：我们一直强调，CSS是一种分离表述编码和实际内容的一种最有用的方式，也是一种使搜索引擎最优化的方式，通常，网站设计中会建立一整套的css样式标准，这些标准存储在一个扩展名为css的单独文件中。然后利用HTML链接标签设计网页的时候，就会用到CSS文件中的内容。这是jb51.com一直讲述的内容。今天的文章针对超级菜鸟，会提到三种简单但很有效的设计技术来指导你正确地利用css改进网站的设计，以... [阅读全文]
htmlcss,CSS网页设计 把HTML标记分类
点评：CSS进阶教程：CSS中内联元素与块级元素.p、h1、或div等元素常常称为块级元素，这些元素显示为一块内容；Strong,span等元素称为行内元素，它们的内容显示在行中，即“行内框”。（可以使用display=block将行内元素转换成块元素，display=none表示生成的元素根本没有框，也既不显示元素，不占用文档中的空间） 《CSS权威指南》中文中：任何... [阅读全文]
css字体颜色,CSS Prism 查看和编辑CSS中用到的颜色
点评：CSS Prism：你在CSS中用了多少种颜色？很多时候，设计师希望要求我们完全还原设计图，甚至是要求“像素完美”。颜色是设计中很重要的一部分，你也会将设计图中的色彩完整的还原到页面中。然而，很多时候可能就连设计师自己都不知道用了多少种颜色。显然，页面中使用过多的颜色并不是好事。CSS Prism是一个专门用于查看和编辑CSS中用到的颜色的网站，它由Ryan Berg... [阅读全文]
八卦问题,几个Reset CSS的八卦问题
点评：八卦是种优良品质，特别是用在技术上时。来看几个Reset CSS的八卦问题吧：你知道世界上第一份reset.css在哪么？ * { margin: 0; padding: 0 } 人品很坏吗？ Eric Meyer和YUI是情侣吗？ Google有用reset.css吗？ No CSS Reset的口号是谁最先提出来的？ 类似问题或者说困惑还能列举很多，reset.c... [阅读全文]
css技巧,正确地利用css改进网站设计的3个技巧
点评：我们一直强调，CSS是一种分离表述编码和实际内容的一种最有用的方式，也是一种使搜索引擎最优化的方式，通常，网站设计中会建立一整套的css样式标准，这些标准存储在一个扩展名为css的单独文件中。然后利用HTML链接标签设计网页的时候，就会用到CSS文件中的内容。这是jb51.com一直讲述的内容。今天的文章针对超级菜鸟，会提到三种简单但很有效的设计技术来指导你正确地利用css改进网站的设计，以... [阅读全文]
css虚线,css 网页虚线制作方法剖析
点评：在设计和制作网页过程中，常常需要加入虚线分割线，像腾讯、搜狐、新浪首页都有灰色虚线的应用。但是虚线的实现，无论在设计中还是后面的制作中都不太容易。（一）设计中实现虚线 总结以下photoshop画虚线的几种方法（只讨论直线）： （1）使用画笔—点击“画笔笔尖形状”，调整“间距” 这种方法简便，制作出的虚线点分布均匀，... [阅读全文]
htmlcss,CSS网页设计 把HTML标记分类
点评：CSS进阶教程：CSS中内联元素与块级元素.p、h1、或div等元素常常称为块级元素，这些元素显示为一块内容；Strong,span等元素称为行内元素，它们的内容显示在行中，即“行内框”。（可以使用display=block将行内元素转换成块元素，display=none表示生成的元素根本没有框，也既不显示元素，不占用文档中的空间） 《CSS权威指南》中文中：任何... [阅读全文]
八卦问题,几个Reset CSS的八卦问题
点评：八卦是种优良品质，特别是用在技术上时。来看几个Reset CSS的八卦问题吧：你知道世界上第一份reset.css在哪么？ * { margin: 0; padding: 0 } 人品很坏吗？ Eric Meyer和YUI是情侣吗？ Google有用reset.css吗？ No CSS Reset的口号是谁最先提出来的？ 类似问题或者说困惑还能列举很多，reset.c... [阅读全文]
css虚线,css 网页虚线制作方法剖析
点评：在设计和制作网页过程中，常常需要加入虚线分割线，像腾讯、搜狐、新浪首页都有灰色虚线的应用。但是虚线的实现，无论在设计中还是后面的制作中都不太容易。（一）设计中实现虚线 总结以下photoshop画虚线的几种方法（只讨论直线）： （1）使用画笔—点击“画笔笔尖形状”，调整“间距” 这种方法简便，制作出的虚线点分布均匀，... [阅读全文]
dldtdd,网页制作小技巧 dl dt dd标签用法
点评：一般我们在做列表的时候通常只会用到ul和li标签,至于DL一般都很少用到，它也属于列表类的标签，下面说一下大概的用法dl标记定义了一个定义列表，定义列表中的条目是通过使用dt标记(“definition title”，定义标题)和dd标记(“definition description”，定义描述)创建的。dt给出了术语名，dd标记给出了术语的... [阅读全文]
css3圆角,玩转CSS3色彩
点评：传统来说，大家在CSS中使用的颜色要么是16进制格式，要么是rgb格式，就像rgb(171,205,239)。译自：Playing Around with CSS3 Colors中文：玩转CSS3色彩传统来说，大家在CSS中使用的颜色要么是16进制格式，要么是rgb格式，就像rgb(171,205,239)。CSS3带来了一些新的处理颜色的方法，比如使用HSL(Hue, Saturation... [阅读全文]
dldtdd,网页制作小技巧 dl dt dd标签用法
点评：一般我们在做列表的时候通常只会用到ul和li标签,至于DL一般都很少用到，它也属于列表类的标签，下面说一下大概的用法dl标记定义了一个定义列表，定义列表中的条目是通过使用dt标记(“definition title”，定义标题)和dd标记(“definition description”，定义描述)创建的。dt给出了术语名，dd标记给出了术语的... [阅读全文]
ie8rgba,RGBa色彩的浏览器支持分析
点评：RGBa色彩的浏览器支持分析小结，需要的朋友可以参考下。RGBa是一种在CSS中声明包含透明效果的颜色的方法，它的语法是这样的复制代码代码如下:... [阅读全文]
css条件注释,css 条件注释使用指南
点评：或许你知道，Internet Explorer 6 已经不是最先进的浏览器了。事实上，它已经八岁了，但是很多人还在使用这个不安全的浏览器。正因为如此，网页设计师不得不额外担心他们的网站在IE6下的表现。在CSS 框架和模板出现以后，一些布局的问题可以很容易解决掉，但是显然这不能解决全部问题。这些问题通常可以通过普通的CSS来解决，但是有时候只针对IE显示一些(样式)信息可能会更好。 这是用条... [阅读全文]
web重构,WEB标准心得之网页重构的思路
点评：最近终于有心情把我的CSS重构一下。。由于这种写法的一部分是我自己琢磨出来的，带有偏好的做法。仅供参考。如果采用后被同事取笑，老板罚款，本人概不负责。我重构的时候，学习了一些行业标准的做法。主要思路来源于以下一些，比如Rest,Grid,Dry等等(不明含义者请自行Google)。1，Css文件的组织。Css文件采用按照Rest中的资源来进行组织， 比如User,那就有一个user.css,... [阅读全文]
