(1)块元素的居中方式:margin:0 auto
(2)IE8用IE7方式渲染:
<head><meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" /></head>
(3)a元素的几种方式 a,a:visited,a:hover,a:link,a:active
':link':适用于未被用户访问过的链接。
':visited':适用于已被用户访问过的链接。
':hover':在可视化客户端上,适用于光标(鼠标指针)指向一个元素,但还未激活它时。
':active':适用于一个元素被用户激活时。
按照L-V-H-A的顺序声明,具体解释见
http://www.caodong.net/Article/889.html
(4)绝对定位:父元素与子元素的position子元素的left与top
<div class="parent">
<div class="child"></div>
</div>
<style>
.parent{position:relative}
.child{position:absolute;left:*px;top:*px;}
</style>
(5)overflow:hidden/*溢出就隐藏*/
(6)图片:最好用png格式,文件比gif小,支持alpha通道,可以实现半透明,但是不支持动画;gif可以动画,不过透明不行
(7)css中选择器的优先级:
分为4组,a b c d,优先级a>b>c>d,优先级相同的后出现的优先级高
a:如果样式是在 HTML 代码中以 'style=...' 的内联样式的方式设置的,则将 a 组记为
1,b c d 三组均记为 0,否则 a 组为 0。
b:将选择器中 ID 属性的数量总合计入 b 组。
c:将选择器中其他属性及伪类的数量总合计入 c 组。
d:将选择器中元素名及伪元素的数量总合计入 d 组。
* {} /* a=0 b=0 c=0 d=0 -> specificity = 0,0,0,0 */
li {} /* a=0 b=0 c=0 d=1 -> specificity = 0,0,0,1 */
li:first-line {} /* a=0 b=0 c=0 d=2 -> specificity = 0,0,0,2 */
ul li {} /* a=0 b=0 c=0 d=2 -> specificity = 0,0,0,2 */
ul ol+li {} /* a=0 b=0 c=0 d=3 -> specificity = 0,0,0,3 */
h1 *[id=ok] {} /* a=0 b=0 c=1 d=1 -> specificity = 0,0,1,1 */
ul ol li.red {} /* a=0 b=0 c=1 d=3 -> specificity = 0,0,1,3 */
li.red.level {} /* a=0 b=0 c=2 d=1 -> specificity = 0,0,2,1 */
#xyz {} /* a=0 b=1 c=0 d=0 -> specificity = 0,1,0,0 */
style="..." /* a=1 b=0 c=0 d=0 -> specificity = 1,0,0,0 */
以上各组选择器,最后一行的内联样式优先级最高,倒数第二行有 ID 选择符的次之,往上的每一行依次减弱,最顶部的通配符优先级最弱。
http://www.caodong.net/Article/889.html
------------------------------------------------------------------
html中要养成良好的注释习惯
<div class="content">
<!--content {{-->
code
<!--content }}-->
</div>
-----------------------------------------------------------------
css sprite:
把几张图放在一整张图上,通过定位显示出相应的图
/*其中的width和height都是每个小图的大小,background为整个大图*/
.x1,.x2,.x3{width:*px;height:*px;background:url('') no-repeat}
.x1{background-position:left top}
分享到:
相关推荐
QMS天天练习,可以了解每个章节的意思和概念以及范例,
涵盖日语二级语法190个知识点,每个都有例句,可以很快掌握二级语法的知识点。
准备考2级的朋友们!
日语二级学习的好资料: 二级学习的词汇,练习,很不错,是参加日语考试的必备考试和练习汉字的资料。 --------------------------------- 请大家多多支持
敏捷软件开发.pdf
日语2级 就考这190个,加油背下来哦
李阳疯狂英语全套,很全的,包括听力,发音,口语背诵
五笔打字教程天天学五笔,天天用五笔,才是学以致用
雅思阅读80天攻克,学学雅思; 天天学雅思,天天有进步
学了半学期可能也不知道在学的是什么,其实BASIC是一门计算机语言,只是现在几乎没人用了,只是由于其简单,所以收入到了高中课本里,我就是搞计算机的,要学一门语言最好的方法是不断的编程,而不是天天学语法,在...
SilkTest循序渐进1-调用DLL函数 软件测试 昨天一位朋友希望我能讲讲如何在silktest中调用dll导出的函数,说实话,我也没有实际操作过,不过还是答应在有空时能够给她一个简单的例子。今天晚上捣腾了半天终于调通了...
迷你首页 -- 英文资料天天学与原内嵌于客户端的网页相比,迷你首页页面容量大幅增加;资料型内容与查询相关分离,极大优化词霸软件性能,提升软件启动速度;定时推送与用户主动浏览相结合,迎合用户使用习惯,方便...
有关计算机英语的测试测一测增加英语水平学好英语就是学好计算机
比如,天天学英语,却从不写英语文章;再比如,天天花大量时间刷知乎,却从不写答案、写总结。start写代码来提升自己的工作效率,来用机器代替重复工作,编程,一点都不难。我自己的python练习册,python尊好玩o(^▽...
军用标准文件编制工作导则 第1部分:军用标准和指导性技术文件编写规定
Jmeter新手快速入门
CATIA二次开发教程,内附光盘源码,可执行程序会造成防病毒软件自动删除文件,已经删除。
STM32C8T6使用HAL库,驱动多路18B20,GY906,2812LED,舵机,温度数据使用串口发送到上位机。代码经过验证
GB_T 11457-2006 信息技术 软件工程术语
这是一本描述电气安装规范的相关文章。对需要制作控制柜的同志们就有一些帮助的。