摘要：一个元素有且只能有1个id，且全文中此id只能出现在一个元素上 一个元素不能写多次class，比如 阅读全文

摘要：favicon.ico图标是网站的缩略标志，可以显示在浏览器标签、地址栏左边和收藏夹，是展示网站个性的缩略logo标志，也可以说是网站头像。 要添加显示favicon，步骤如下： 1、生成favicon.ico，这个可以使用在线网址http://favicon.htmlkit.com/favicon 阅读全文

摘要：今天要介绍的是三角形的使用案例，照旧先给效果图。 解释： 1、这个正方形上的字就省略不说了，但要控制好文字块的宽度，以免被上面的"已点"提示挡到。 2、关于“已点”提示，我是如下实现的：大div设置“position:relative;”，小div设置"position:absolute;"; 要设 阅读全文

摘要：html&css的使用过程中，我们经常会遇到很多文字对齐问题。下面我要介绍一个有丁点难的文字对齐问题。 实现效果如下图所示。 两行长度不定的文字，要让它们总体水平居中，然后，这两行字要左对齐，如下图所示。 听起来好像挺简单，然而实现起来却。。。。。。 两行长度不定的文字，要让它们总体水平居中，然后， 阅读全文

摘要：啥都不说先上效果图吧。 看到效果图，我首先把页面分割为以下模块。 其中有几个要注意的点： 1、点击板块1中的"城市1"、"城市2"等会切换版块2中不同的div模块; 2、板块2中有不同的div模块，它们的布局都如板块2所示，但只显示一个div模块，其它模块隐藏； 3、点击某个div模块中leftBar的某一项，会在rightBar中显示相对应的rightBar模块，其它rightBar... 阅读全文

摘要：这个问题已经遇到好几次，解决起来也熟练了很多。 出现这种问题一般都是html或页面中的某一内部元素宽度超了。 下面总结我遇到的几种情况： 1、某一内部元素width设为100%，然而它还有border的宽度，border的宽度不包含在width中，所以结果超了。 2、span行内元素，由于它是行内元素，不设display:block之类，宽度设定对它没用，当初弄的时候没有意识到这个问题，结果在... 阅读全文

摘要：今天在修改table样式的时，想给tr加个border-bottom，一开始用的颜色比较浅，我还以为看电脑太久眼花，结果换了比较深的颜色后，border-bottom真的没有出来。 忽然想起在html代码中我给table设了内联样式：border="0"，会不会是这个的原因，结果删去后还是不行，翻了 阅读全文

摘要：在input框中有时想将输入的字和placeholder设为不同的颜色或其它效果，这时就可以用以下代码来对placeholder进行样式设置了。 ::-webkit-input-placeholder{} /* 使用webkit内核的浏览器 */ :-moz-placeholder{} /* Firefox版本4-18 */ ::-moz-placeholder{} /* Firefox版本19+ */ 阅读全文

摘要：昨天在做输入框的时候，遇到了点问题，先给效果图吧。 效果图如下： 源代码如下： #search-input{ border: none; border-radius: 6px; height: 35px; width: 62%; margin-left: 3%; margin-right: 3%; 阅读全文

摘要：讲解css实现小三角原理，兼容IE，FF , chrome ,360安全浏览器。 阅读全文

摘要：CSS选择器包括标签选择器、ID选择器、类选择器、伪类和伪对象选择器、子选择器、相邻选择器、属性选择器、通用选择器、包含选择器、分组选择器、指定选择器等选择器，分为标签选择器、ID选择器、类选择器、特殊选择器这四类。 以下是我总结的5种常用的CSS选择器。 阅读全文