1.float定义的元素起的作用是,使跟在后面的元素知道这个元素是否处于float状态。
"clear:both"清楚浮动元素的特性
div1(float)浮动起来,div2如果没有浮动则会在被div1盖住,通过添加
<div style="clear:both"></div>,可以使div1后面的元素识别出块,换行显示。
<div class="1"> 1231</div>
<div style="clear:both"></div>
<div class="2"> 456</div>
2.overflow描述如果内容超过自身将如何处理。
这个属性定义溢出元素内容区的内容会如何处理。
值 描述
visible 默认值。内容不会被修剪,会呈现在元素框之外。
hidden 内容会被修剪,并且其余内容是不可见的。
scroll 内容会被修剪,但是浏览器会显示滚动条以便查看其余的内容。
auto 如果内容被修剪,则浏览器会显示滚动条以便查看其余的内容。
inherit 规定应该从父元素继承 overflow 属性的值。
3.line-height:ine-height 属性设置行间的距离(行高)。
4.使块元素水平居中
margin:0 auto;
其实就是
margin-left: auto;
margin-right: auto;
这个技巧基本上所有的 CSS 教科书都会有说明,别忘记给它加上个宽度。Exploer 下也可以使用
body{
text-align: center;
}
然后定义内层容器text-align: left;
body { text-align: center } #content { text-align: left; width: 700px; margin: 0 auto }
5. 用CSS来处理垂直对齐
垂直对齐用表格可以很方便地实现,设定表格单元 vertical-align: middle 就可以了。但对CSS来说这没用。如果你想设定一个导航条是2em高,而想让导航文字垂直居中的话,设定这个属性是没用的。
CSS方法是什么呢?对了,把这些文字的行高设为 2em:line-height: 2em ,这就可以了。
分享到:
相关推荐
CSS学习笔记CSS学习笔记CSS学习笔记CSS学习笔记
HTML+CSS学习笔记HTML+CSS学习笔记HTML+CSS学习笔记HTML+CSS学习笔记 HTML+CSS学习笔记HTML+CSS学习笔记HTML+CSS学习笔记HTML+CSS学习笔记 HTML+CSS学习笔记HTML+CSS学习笔记HTML+CSS学习笔记HTML+CSS学习笔记 ...
作为html 和css 学习笔记 和 复习大纲
CSS学习笔记 HeadFirst HTML&CSS学习笔记HeadFirst HTML&CSS学习笔记 HeadFirst HTML&CSS学习笔记HeadFirst HTML&CSS学习笔记 HeadFirst HTML&CSS学习笔记HeadFirst HTML&CSS学习笔记 Head...
CSS 学习笔记 Head First HTML&CSS 学习笔记Head First HTML&CSS 学习笔记 Head First HTML&CSS 学习笔记Head First HTML&CSS 学习笔记 Head First HTML&CSS 学习笔记Head First HTML&CSS ...
《韩顺平轻松搞定网页设计》DIV+CSS学习笔记
个人css学习笔记 精华版 个人css学习笔记 精华版
CSS学习笔记
CSS学习笔记
DIV+css学习笔记DIV+css学习笔记
很好的css+div学习笔记和资源,pdf版,字迹相当清晰,内容循序渐进,逻辑清楚!
前端三件套css学习笔记分享
Metro UI CSS 是高仿windows8 风格的一套不错样式框架。以上资源建议配合Metro UI CSS 学习笔记一起使用。
html+css学习笔记
尚硅谷前端HTML+CSS学习笔记
div css学习笔记,在开发页面的时候用到.
韩顺平《轻松搞定网页设计HTML+CSS+JAVASCRIPT》之DIV+CSS学习笔记