CSS设计实践
2012-06-17 09:51
106 查看
1.当设置一个盒模型的的margin:auto;时,可以让这个盒模型居中
2.块级元素的垂直相邻外边距会合并,而行内元素实际上不占上下外边距。行内元素的的左右外边距不会合并。同样地,浮动元素的外边距也不会合并。允许指定负的外边距值。
3.xhtml的块级元素(div)和内联元素(span)
块级元素:就是一个方块,像段落一样,默认占据一行出现;
内联元素:又叫行内元素,顾名思义,只能放在行内,就像一个单词,不会造成前后换行,起辅助作用。
一般的块级元素诸如段落<p>、标题<h1><h2>...、列表,<ul><ol><li> 、表格<table>、表单<form>、DIV<div>和BODY<body>等元素。而内联元素则如: 表单元素<input>、超级链接<a>、图像<img>、<span> ........ 块级无素的显著特点是:每个块级元素都是从一个新行开始显示,而且其后的无素也需另起一行进行显示。
可以用css的display:inline将块级元素改变为内联元素,也可以用display:block将内联元素改变为块元素。
4.设置float属性可以让块级元素处于同一行,可以设计两列布局和三列布局,实现类似word的图文混排功能。
2.块级元素的垂直相邻外边距会合并,而行内元素实际上不占上下外边距。行内元素的的左右外边距不会合并。同样地,浮动元素的外边距也不会合并。允许指定负的外边距值。
3.xhtml的块级元素(div)和内联元素(span)
块级元素:就是一个方块,像段落一样,默认占据一行出现;
内联元素:又叫行内元素,顾名思义,只能放在行内,就像一个单词,不会造成前后换行,起辅助作用。
一般的块级元素诸如段落<p>、标题<h1><h2>...、列表,<ul><ol><li> 、表格<table>、表单<form>、DIV<div>和BODY<body>等元素。而内联元素则如: 表单元素<input>、超级链接<a>、图像<img>、<span> ........ 块级无素的显著特点是:每个块级元素都是从一个新行开始显示,而且其后的无素也需另起一行进行显示。
可以用css的display:inline将块级元素改变为内联元素,也可以用display:block将内联元素改变为块元素。
4.设置float属性可以让块级元素处于同一行,可以设计两列布局和三列布局,实现类似word的图文混排功能。
相关文章推荐
- Xhtml+css实践水平居中的设计方法
- 朱晔的互联网架构实践心得S1E7:三十种架构设计模式(上)
- Css3 tooltip设计实践
- 基于CSS的DIV网页设计 - 使用固定层方法设计网页
- JBoss JBPM 实践系列(二)--- jbpm设计器的配置和使用
- 用数据辅助设计-搜索中的实践
- 【整洁代码之设计篇】Clean Design 1 - Single Responsibility Principle理论和实践
- 数据库设计--实践
- Unity应用架构设计(12)——AOP思想的实践
- DotNET企业架构应用实践-数据库表记录的唯一性设计的设计兼议主键设定原则
- LINQ快速开发设计最佳实践(二) 构建Model模型
- CSS网站元素设计-横向导航
- 设计模式实践一-概述
- CSS3-基于浮动的布局,响应式WEB设计,定位网页上的元素,设计打印页面的css技术
- 采用[ICONIX] 方法实践BLOG设计之六 [时序图]
- OpenCL优化方法-Single Work-Item Kernel的良好设计实践
- Vue 组件库实践和设计
- Linux企业级项目实践之网络爬虫(3)——设计自己的网络爬虫
- 采用XHTML和CSS设计可重用可换肤网页
- 实践出真知 有关数据库设计经验简介