首页 > web前端 > html教程 > CSS的一些简单概念_html/css_WEB-ITnose

CSS的一些简单概念_html/css_WEB-ITnose

WBOY
发布: 2016-06-24 11:31:56
原创
1120 人浏览过

行内元素与块级元素

在标准文档流里面,块级元素具有以下特点:<br /><br />①总是在新行上开始,占据一整行;<br />②高度,行高以及外边距和内边距都可控制;<br />③宽带始终是与浏览器宽度一样,与内容无关;<br />④它可以容纳内联元素和其他块元素。<br /><br />行内元素的特点:<br /><br />①和其他元素都在一行上;<br />②高,行高及外边距和内边距部分可改变;<br />③宽度只与内容有关;<br />④行内元素只能容纳文本或者其他行内元素。<br />不可以设置宽高,其宽度随着内容增加,高度随字体大小而改变,内联元素可以设置外边界,但是外边界不对上下起作用,只能对左右起作用,也可以设置内边界,但是内边界在ie6中不对上下起作用,只能对左右起作用<br /><br />
登录后复制
转换的方式是用css的display属性<br /><br />display:block;    /*转换为块级*/<br />display:inline;    /*转换为行内*/<br /><br />还有一种是display:inline-block;    /* 其实仍未行内元素,但是可以设置width及height属性等*/
登录后复制
布局
登录后复制
静态布局:意思就是不管浏览器尺寸具体是多少,网页布局就按照当时写代码的布局来布置;<br />自适应布局:就是说你看到的页面,里面元素的位置会变化而大小不会变化;<br />流式布局:你看到的页面,元素的大小会变化而位置不会变化——这就导致如果屏幕太大或者太小都会导致元素无法正常显示。<br />自适应布局:每个屏幕分辨率下面会有一个布局样式,同时位置会变而且大小也会变。
登录后复制

 

相关标签:
来源:php.cn
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
最新问题
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板