CSS中几个初涉元素<position><float>
2014-08-22 20:22
537 查看
刚接触CSS不是太长时间 对于CSS基本属性也是略懂
就在这里做一个总结
CSS会更多的延用HTML中的一些基本属性 例如文字属性的改变方式 <span>元素 <p>元素
而CSS更多的优点是体现在对于页面布局 和页面整体美感的设置上 <div>元素就很好的解决了整体页面的布局问题
对于现在所掌握的技术而言 <div>元素更多是用在为整个图形界面定义一个坐标
要提到深受喜爱的<div> 当然离不开其中一个重要的元素
<position>
代码所示<position>元素 主要用在给大的边框定位 而中间嵌入的框架利用<position>元素中的relative属性实现相对位移 继承父集元素的定义
<float>元素是实现文字图片以及众多元素漂移的元素
属性值有<left><right>
就在这里做一个总结
CSS会更多的延用HTML中的一些基本属性 例如文字属性的改变方式 <span>元素 <p>元素
而CSS更多的优点是体现在对于页面布局 和页面整体美感的设置上 <div>元素就很好的解决了整体页面的布局问题
对于现在所掌握的技术而言 <div>元素更多是用在为整个图形界面定义一个坐标
要提到深受喜爱的<div> 当然离不开其中一个重要的元素
<position>
<head> <style> .a{width:700px; height:800px; border:1px solid red; position:relative; top:100px; left:300px; } .b{width:700px; height:200px; border:1px solid black; position:relative; top:0px; left:0px; } </style> </head> <body> <div class="a"></div> <div class="b"></div> </body>
代码所示<position>元素 主要用在给大的边框定位 而中间嵌入的框架利用<position>元素中的relative属性实现相对位移 继承父集元素的定义
<float>元素是实现文字图片以及众多元素漂移的元素
属性值有<left><right>
相关文章推荐
- <转载>使CSS文字图片div元素居中方法之水平居中的几个方法
- <转载>DIV+CSS position定位方法总结
- CSS网页布局心得(样式优先级,块级元素,内联元素,display,position,float)
- 腾讯前端十天小白训练营<DAY 3>---css常用属性及行内&块级元素
- 在CSS中关于定位的内容是:position:relative | absolute | static | fixed<转>
- Css中控制当鼠标滑过<li>元素时,显示它里面的<ul>元素
- 从零开始学_JavaScript_系列(17)——CSS<4>(定位、遮罩、float、弹性布局flex)
- css position, display, float 内联元素、块级元素
- CSS和SVG中的剪切——clip-path属性和<clipPath>元素
- [译] 关于CSS中的float和position (父容器div内的子元素div为float时,父元素无法撑开(或高度自适应)的解决方式)
- [译] 关于CSS中的float和position (父容器div内的子元素div为float时,父元素无法撑开(或高度自适应)的解决方式)
- <转载>使CSS文字图片div元素居中方法之水平居中的几个方法
- CSS 基础:定位元素(3)<思维导图>
- CSS布局中的几个重要属性,width,height,margin,padding,float,position
- javascript 中 <script> 元素几个属性的解释
- 关于CSS中的float和position (父容器div内的子元素div为float时,父元素无法撑开(或高度自适应)的解决方式)
- CSS和SVG中的剪切——clip-path属性和<clipPath>元素
- CSS样式设置语法全解,样式优先级、值和单位、字体、文本、块级元素,行内元素,替换元素、非替换元素、display、float、position、table、li、光标、边距边框、轮廓、颜色背景
- CSS和SVG中的剪切——clip-path属性和<clipPath>元素
- css position, display, float 内联元素、块级元素