学习网页标准制作网页之CSS混合布局应用
|
源代码网整理以下一、Margin(框距)padding(边框距) 源代码网整理以下margin属性设置顺序:上右下左 源代码网整理以下padding属性设置顺序:上右下左 源代码网整理以下margin:25px 0 25px 0; 源代码网整理以下简写:margin:25px 0; 源代码网整理以下二、Display显示属性设置 源代码网整理以下(1)、Display属性none (隐藏) 源代码网整理以下.alt {display:none;} 源代码网整理以下<span class=”alt”>Content List Part</span> 源代码网整理以下(2)、Display属性block (块/区域) 源代码网整理以下Img {display:block;} 源代码网整理以下<img href=”1.gif”></img> 源代码网整理以下块级元素:存在自身的“盒”中,后面跟随一个默认的回车 源代码网整理以下内联元素:是流的一部分,后面不跟随回车 源代码网整理以下(3)、Display属性inline 源代码网整理以下区别block元素,使用inline状态时,显示方式按照内联元素显示 源代码网整理以下三、 动态链接属性设置: 源代码网整理以下a:link { 源代码网整理以下font-weight : bold; 源代码网整理以下text-decoration : none; 源代码网整理以下color: #c30; 源代码网整理以下background: transparent; 源代码网整理以下} 源代码网整理以下a:visited { 源代码网整理以下font-weight : bold; 源代码网整理以下text-decoration : none; 源代码网整理以下color: #c30; 源代码网整理以下background: transparent; 源代码网整理以下} 源代码网整理以下a:hover { 源代码网整理以下font-weight : bold; 源代码网整理以下text-decoration : underline; 源代码网整理以下color: #f60; 源代码网整理以下background: transparent; 源代码网整理以下} 源代码网整理以下a:active { 源代码网整理以下font-weight : bold; 源代码网整理以下text-decoration : none; 源代码网整理以下color: #f90; 源代码网整理以下background: transparent; 源代码网整理以下} 源代码网整理以下(1)文字修饰属性(text-decoration) 源代码网整理以下Text-decoration:underline overline none; 源代码网整理以下Underline:链接时有下划线 源代码网整理以下Overline:连接时有上划线 源代码网整理以下None:连接时无下划线 源代码网整理以下(2)动态连接属性顺序 源代码网整理以下(LVHA)- LoVe-HA! 源代码网整理以下(3)IE/WINDOWS的伪装欺骗性 源代码网整理以下应避免使用a:active属性:出现bug 连接会出现冻结现象 源代码网整理以下四、如何设置行高(line-height) 源代码网整理以下Line-height:1.5; 源代码网整理以下五、如何设置文章位置(text-align) 源代码网整理以下可选择属性(left middle right) 源代码网整理以下IE6/WINDOWS的BUG会错误使文档居中 源代码网整理以下六、对于字体的完整CSS应用 源代码网整理以下Font:13px/1.5 Georigia,”New Centeury Schoolbook”,Times,serif; 源代码网整理以下七、设置页面分界限 源代码网整理以下(1)vertical-align:middle; 等于 <td valign=”middle”>设置垂直对齐 源代码网整理以下(2)background:none 等于 background:url(images/1.gif) repeat; 源代码网整理以下八、设置显示器设备 源代码网整理以下<style type=”text/css” media=”screen”> media属性 源代码网整理以下使用HTML4.01转换到XHTML1.0过渡式transitional 源代码网供稿. |
