用户名:  密码:   
您当前的位置:首页 > 网页设计 >  Html+CSS > 

CSS新名词解释 块级元素,内联元素,选择器,盒模型

上次修改时间: 2015-12-17 10:16:57      来源:网络总结      作者:钢铁长陈
上一页      路径:DSD\Learn\Html与CSS\DIV+CSS\      下一页

CSS新名词解释 块级元素,内联元素,选择器,盒模型

块级元素默认占一行,如<p>,<h1>,<ul>,<ol>,<li>,<table>,<div>,<body>
内联元素只能放在行内,如<input>,<a>,<img>,<span>等
每个块级元素都在一个新行显示,
块级元素与内联元素可以相互转换,如display:inline(块元素设置后变行),display:block(行内设置后变块级)
 
float浮动属性
CSS中任何元素都可浮动,
如果浮动元素没有设置宽度它会尽可能的窄,
当可浮动的元素的外层(高或宽)小于浮动元素定义的高或宽(包括边框边距)时它会跑到下一行

选择器

派生选择器,用以定位选择器的选择器的规则 ,如:
#menu ul { list-style: none; margin: 0px; padding: 0px; }
#menu ul li { background: #eee; }
第一个是定义#menu元素内的ul的规则,如果去掉#menu,那么就是定义对ul这个本身元素的重新定义,将会应用到所有的ul
第二个是定义#menu元素内的ul下的li的规则,这个去掉前面的也会变成全局定义
这样的好处是不用建立那么多的DIV
#meunu ul li:hover ul 定义IDmenu下ul下的li,当鼠标划过的ul的样式

盒模型

公共类

默认自然流,浮动布局