-
CSS技巧
- CSS网页布局:“先主体后细节”
-
网站LOGO“以图换字”
- 首先是文本推进,定义为超过容器宽度的值;
- 然后是设置文本不换行,避免文字自动换行的情况发生,
可以成功地将文字“推”到容器意外的区域;
- 最终定义溢出为隐藏,将一处的内容隐藏起来,
实现“以图换字”的效果。
- “以图换字”的实现方法
主要是由3个属性的设置来实现
-
用link引入css文件,要设置三个属性
- href="path"
- rel="stylesheet"
- type="text/css"
-
加载js文件的方法
- type="text/javascript"
- language="javascript"
- src="path"
- 如何实现水平居中?外边距设置为左右自动
- 所谓反向浮动
-
CSS属性
- list-style-type列表项的预设标记
- 文字字体的粗细
font-weight:normal | bold | bolder | lighter | number
- 背景图片的坐标
background-position:
-
文字修饰,一般用在连接元素<a>
text-decoration
- 文本缩进
text-indent:2em;
- 清除浮动
clear:both
- 溢出隐藏(很常用的属性,防止容器被撑开,导致布局变形)
overflow:hidden
- 强制不换行
white-space:nowrap
-
CSS选择符
- 通配符[*]
-
注意事项
- 用内联(display:inline;)解决IE6双倍边距的bug
-
列表项
- ul 无序列表
- ol 有序列表
-
dl 定义列表
- dt
- dd
-
Problem
- CSS Reset技术 ?
- CSS hack?
-
CSS Sprites 原理?
- 工作原理最主要的实现手段即是背景图片定位
- 单位em?