摘要：垂直对齐属性只对行内元素有效，对块级元素无效。行内元素包括span，图片，表单输入元素。垂直对齐属性可以使用长度和百分比。各个值所表达的意思，请参照下图： 阅读全文

摘要：使用负值缩进来隐藏文字和悬挂。隐藏文字（利用负值缩进来使文字缩进到浏览器以外，这个不做详细的解释很简单。）悬挂（在和padding一起使用的情况之下制作出悬挂的效果。）下面就来看看悬挂代码： p{ padding-left:3.5em;text-indent:-3.5em;} 情况2：斯蒂芬金啊三解放军撒扣价法了快速减肥卡死解放军阿斯兰解放军司法局阿拉斯加发动机啊撒发啊撒发见撒离开减肥 阅读全文

摘要：绝对单位：不管在什么设备上显示永远不会改变大小，一就是一，二就是二。in：英寸，1英寸=2.54厘米。cm：厘米，1厘米=0.394英寸。mm：毫米，1毫米=0.1厘米。pt：磅，标准的印刷上的量度，广泛应用于打印机、排字机以及字处理软件等；72磅=1英寸。pc：pica（12点活字），另一种印刷术语，1pica=12磅，6pica=1英寸。 相对单位：在不同的设备上、甚至相同的设备而不同的设定上（例如不同显示分辨率的显示器），实际显示出来的长度可能不同。em：相对于字体的大小（font-size)。ex：相对于字体的小写字母“x”的高度，即使字体中没有x字母，ex还是会有定义。px：相... 阅读全文

摘要：首先看 ～符号 p[class~="main"] {background:yellow;} 这个的意思是class里含用单独叫main的类，main必须作为一个整体。_main、main_、-main、main-、ssmain、mainss都无效，只能是独立的main。看看新增的 *符号 p[class*="main"]{background:yellow;} 这个的意思是class里只要包含main就可以匹配，main可以作为部分。_main、main_、-main、main-、ssmain、mainss都有效。看 |符号 p[class|=" 阅读全文

摘要：CSS特殊性计算采用 a,b,c,d计算法 如果css属性是通过（X)HTML元素的style属性定义的，则极为a=1，如果不是则记为a=0； 计算器选择器中ID选择器的数量记为b； 计算器选择器中类选择器、属性选择器和伪类的数量记为c； 计算器选择器中类型选择器的数量记为d； *... 阅读全文

摘要：<style type="text/css"> div+p{color:Red;}</style><p> 与div相邻的上一个p </p> <div> <p>div中的p</p> </div> <p> 与div相邻的下一个p </p> <p> 不与div相邻的p </p>与div相邻的下一个p会变成红色。 阅读全文

摘要：大家可能会混淆 子元素选择器和包含选择器。其实很简单，子元素选择器只针对目标对象的子元素，即第一层亲子关系。包含选择器则针对目标元素的子元素和子元素的子元素。下面看代码: 1 2 3 4 其结果是1，2，3变为红色，4不会发生变化。 阅读全文

摘要：1 <link rel="stylesheet" type="text/css" href="spring.css" title="春天" media="screen"/> media属性为可选属性，用于指定样式表被接受的介质或媒体。允许的值有： screen（默认值），用与文档在屏幕媒体的呈现，如电脑显示器，所有Web浏览器都运行于这样的系统屏幕媒体用户代理； print，应用于打印预览状态； projection，应用于投影设备； speech，应用于屏幕阅读器等发声系统； br 阅读全文

摘要：相信大家都用过table标签。唉，这不是废话吗。今天就讲一讲table的组成部分，其实也是为了自己留个笔记，很多大神们也早已烂熟于心。但是这里还是需要讲一下。table分为thead,tbody,tfoot三部分，某些时候加上caption对table进行说明。thead,tbody,tfoot标签使得制作者可以对表格中的行进行分组。当创建表格时，这种划分使浏览器有能力支持独立于表格标题和页脚的表格正文滚动。当比较长的表格被打印时，同时出现在table内，这样浏览器可以在收到所有数据前呈现页脚。而tbody标示出表格的主题部分，当表格很长时，可以使用多个tbody标签来分隔表格内容，浏览器.. 阅读全文