手机
当前位置:查字典教程网 >网页设计 >心得技巧 >CSS(Cascading Style Sheet)级联样式表常用术语总结
CSS(Cascading Style Sheet)级联样式表常用术语总结
摘要:如果使用CSS不要忘了写DOCTYPE,文档类型定义。标准盒子模型1、元素分类块级元素(block)Div+css(DIV和CSS均为容器)...

如果使用CSS不要忘了写DOCTYPE,文档类型定义。

标准盒子模型

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

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、* 空间表示对所有的元素的设置

【CSS(Cascading Style Sheet)级联样式表常用术语总结】相关文章:

CSS3实用方法总结(推荐)

负margin功能介绍及用法总结

网页设计教程(5):网页视觉设计

flash 嵌入网页 与IE, FF,傲游兼容问题

给web设计的新手们建议一些有用的学习资料

XML与CSS样式结合

facebook的信息架构评析

网页小空间大图片的放置

对div盒子模型使用心得总结

更受欢迎 更具创造性的深底色网页设计实例

精品推荐
分类导航