css常用小记
字型
文字顏色
color: #000;
文字大小
font-size: 8pt;
文字字體
font-family: “arial”, dotum;
文字斜體
font-style: italic;
小字體
font-variant: small-caps;
字間距離
letter-spacing: 1pt;
行高
line-height: 15px; (亦可為百分比)
文字粗體
font-weight: bold;
加底線
text-decoration: underline;
加刪除線
text-decoration: line-through;
加頂線
text-decoration: overline;
刪除連線底線
text-decoration: none;
首字大寫
text-transform: capitalize;
英文大寫
text-transform: uppercase;
英文小寫
text-transform: lowercase;
文字靠左
text-align: left;
文字靠中
text-align: center;
文字靠右
text-align: right;
文字分散對齊
text-align: justify;
背景
背景顏色
background: #e9e9e9;
背景圖片不重複
background: url(圖片位址) no-repeat;
背景重複
background: url(圖片位址) repeat;
背景Y軸重複
background: url(圖片位址) repeat-y;
背景X軸重複
background: url(圖片位址) repeat-x;
背景浮水印固定
background: url(圖片位址) fixed;
背景置中
background-position: center;
背景靠左
background-position: left;
背景靠右
background-position: right;
背景靠上
background-position: top;
背景靠下
background-position: bottom;
簡易寫法
background: url(位址) no-repeat top center fixed #fff;
●備註：位址請記得不是複製上方的網址，而是在圖片上方按右鍵內容裡的那個網址！
框線
全框線
border: 1px solid #000;
上框線
border-top: 1px solid #000;
下框線
border-bottom: 1px solid #000;
右框線
border-right: 1px solid #000;
左框線
border-left: 1px solid #000;
框線種類
solid 直線
dotted 點線
dashed 虛線
double 雙線
groove 立體內凸
相关文档：
绝对定位的元素的位置相对于最近的已定位祖先元素，如果元素没有已定位的祖先元素，那么它的位置相对于最初的包含块。
对于定位的主要问题是要记住每种定位的意义。所以，现在让我们复习一下学过的知识吧：相对定位是“相对于”元素在文档中的初始位置，而绝对定位是“相对于”最近的已定位祖先元素， ......
CSS简写就是指将多行的CSS属性声明化成一行，又称为CSS代码优化。CSS简写的最大好处就是能够显着减少CSS文件的大小，其实还有很多其他益处。臃肿而杂乱的CSS样式表会使你遇到问题是难以调试。尤其是当一个团队在进行设计的时候，你的臃肿的CSS代码会使你的团队其他成员的工作效率下降。
今天，整理了一些CSS简写技� ......
!important语法针对的是“后面的属性覆盖前面的属性”这一语法，也就是说标识了!important的属性，是不被后面的相同属性所覆盖的，而IE6不认识这个，导致其他浏览器很容易根据这点“欺负”IE6：
div{
text-decoration:overline;
*text-decoration:line-through!important;
� ......
J2me中css解析
最近做手机浏览器项目中的CSS模块。对解析css有了个整体认识。现总结如下：
首先，简单的介绍下CSS ：
CSS 指层叠样式表 (Cascading Style Sheets)
CSS 语法由三部分构成：选择器、属性和值：selector {property: value}
选择器 (selector) 通常是你希望定义的 ......
/***************************by
garcon1986********************************/
区分
visibility:hidden
和
display:none
visibility:hidden
hides an element, but it will still take up the same space as before.
The element will be hidden, but still affect the layout.
Display: none
hides ......
