网页制作 
首页 > 网页制作 > 浏览文章

CSS(Cascading Style Sheet)级联样式表常用术语总结

(编辑:jimmy 日期: 2024/12/26 浏览:3 次 )
如果使用CSS不要忘了写DOCTYPE,文档类型定义。
标准盒子模型
CSS(Cascading Style Sheet)级联样式表常用术语总结 
1、元素分类
块级元素(block)
Div+css(DIV和CSS均为容器)
<p> 是段落标记,块级元素。
行内元素
Span,不响应盒子模型的属性。
2、标准流
标签的排列方式。
3、盒子模型
把元素放入盒子
外边距(marjin)4(两个在一起的时候取最大值,不加和)
内边距(padding)4个
内容区(宽和高)
画框(border)4
样式可以写在一起。
4、浮动
脱离标准流。
5、定位
绝对:absolute 脱离标准流,绝对于包含该元素的盒子。
相对:相对原来位置relative 但未脱离标准流
6、超链接样式的设置
a:link是超级链接的初始状态
a:hover是把鼠标放上去时悬停的状况
a:active 是鼠标点击时
a:visited是访问过后的情况
7、CSS hack(关于CSS hack详细内容,请移步:http://baike.baidu.com/view/1119452.htm)
*margin-top:10px!important; /*仅IE678识别该规则*/
_margin 仅IE6识别。
而其他核心浏览器可以识别!Important(提高优先级)
解决IE空隙问题:Margin-top :-2em 让外边框向上两个e单位的距离即可
8、加载切图时一定要有这三个属性
background-image
background-position
background-repeat: /*不重复*/
9、* 空间表示对所有的元素的设置
上一篇:impress.js表现层框架(演示工具)-初体验
下一篇:爱上朴实的CSS细节虽不起眼可提高效率
一句话新闻
高通与谷歌联手!首款骁龙PC优化Chrome浏览器发布
高通和谷歌日前宣布,推出首次面向搭载骁龙的Windows PC的优化版Chrome浏览器。
在对骁龙X Elite参考设计的初步测试中,全新的Chrome浏览器在Speedometer 2.1基准测试中实现了显著的性能提升。
预计在2024年年中之前,搭载骁龙X Elite计算平台的PC将面世。该浏览器的提前问世,有助于骁龙PC问世就获得满血表现。
谷歌高级副总裁Hiroshi Lockheimer表示,此次与高通的合作将有助于确保Chrome用户在当前ARM兼容的PC上获得最佳的浏览体验。
友情链接:杰晶网络 DDR爱好者之家 南强小屋 黑松山资源网 白云城资源网 站点导航 SiteMap