html div 学习记录
2015-10-28 11:36
465 查看
div + CSS
CSS 需引用在head中 例:<style type="text/css"></style>
对不同DIV不同的命名 例用id 例如:<div id='header'>12</div>
而此时如果需要来控制此div时 在CSS中需使用 ‘#header{}’
例:
<html>
<head>
<style type="text/css">
#header{width=500px;}
#main{background-color:red}
</style>
</head>
<body>
<div id = 'header'></div>
<div id='main'></div>
</body>
</html>
当你想控制浮动的时候可以使用float:left,right等。
当然你也可以使用clear:left,right,both等清除浮动。
在控制DIV的时候 要注意几点,
第一,id 名字不可以为数字。
第二,当div具有相同的属性的时候可以考虑使用class控制 而不是id来控制。
第三,在浮动之后必需指定宽度,否则div无限宽的时候无法浮动。
不同DIV之间的概念:
CSS 需引用在head中 例:<style type="text/css"></style>
对不同DIV不同的命名 例用id 例如:<div id='header'>12</div>
而此时如果需要来控制此div时 在CSS中需使用 ‘#header{}’
例:
<html>
<head>
<style type="text/css">
#header{width=500px;}
#main{background-color:red}
</style>
</head>
<body>
<div id = 'header'></div>
<div id='main'></div>
</body>
</html>
当你想控制浮动的时候可以使用float:left,right等。
当然你也可以使用clear:left,right,both等清除浮动。
在控制DIV的时候 要注意几点,
第一,id 名字不可以为数字。
第二,当div具有相同的属性的时候可以考虑使用class控制 而不是id来控制。
第三,在浮动之后必需指定宽度,否则div无限宽的时候无法浮动。
不同DIV之间的概念:
相关文章推荐
- [div+css]晒晒最新制作专题推广页模板
- 在Windows 8.1的IE 11中屏蔽双击放大功能
- 通过Mootools 1.2来操纵HTML DOM元素
- htm页面中<a name>加name和id的冲突附解决方法
- html小技巧之td,div标签里内容不换行
- WEB标准网页布局中尽量不要使用的HTML标签
- Flash 与 html 的一些实用技巧
- html工作中表格<tbody>标签的使用技巧
- HTML 向 XHTML1.0 兼容性指导
- C#自写的一个HTML解析类(类似XElement语法)
- div flash firefox div层总是被flash层遮盖
- 没有文件大小限制并免费的PDF到HTML转换工具
- JavaScript与HTML结合的基本使用方法整理
- css实现气泡框效果(实例加图解)
- 小技巧处理div内容溢出
- 让超出DIV宽度范围的文字自动显示省略号...
- 解决div被flash挡住的设置方法
- html链接与文本标签们
- 网页中Span和Div的区别