繁體中文当前位置: 首页 > 图文教程 > 网页制作 > HTML/XHTML教程 > 学习网页标准制作网页之CSS混合布局应用
- HTML/XHTML教程
- 你应该知道的CSS的十八个技巧
- 初学者很好的参考：HTML标签详尽讲解
- 学习网页标准制作技术之CSS相关基础知识
- 学习网页标准制作网页之CSS混合布局应用
- HTML基础教程：详细学习常用HTML标签的语义
- 网页设计基础：基本的页面设计元素布局比例
- 网页制作基础：图像文件的路径知识
- html基础系列教程Ⅰ：从p开始，循序渐进
- html基础系列教程Ⅱ：丰富段落里的标签
- html基础系列教程Ⅲ：用途相似的标签
- html基础系列教程Ⅳ：链接与文本标签们
- html基础系列教程Ⅴ：美化段落文本Ⅰ
- html基础系列教程Ⅵ：美化段落文本Ⅱ
- Web标准知识：(X)HTML Strict 下的嵌套规则
- Web标准知识：语义与样式无关
- Web标准知识：DIV不是万能膏药
- web标准知识：当标题不能显示完整的时候
- web标准知识：以图换字的几个方法及思路
- CSS教程：legend标签设定宽度的技巧
- html基础：常用小技巧几例
HTML/XHTML教程 中的 学习网页标准制作网页之CSS混合布局应用
出处:互联网 整理: 软晨网（RuanChen.com） 发布: 2009-11-04 浏览: 32 ::
收藏到网摘: n/a
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
评论 (0) All
