CSS的一些简单概念
2015-12-14 16:30
627 查看
行内元素与块级元素
在标准文档流里面,块级元素具有以下特点: ①总是在新行上开始,占据一整行; ②高度,行高以及外边距和内边距都可控制; ③宽带始终是与浏览器宽度一样,与内容无关; ④它可以容纳内联元素和其他块元素。 行内元素的特点: ①和其他元素都在一行上; ②高,行高及外边距和内边距部分可改变; ③宽度只与内容有关; ④行内元素只能容纳文本或者其他行内元素。 不可以设置宽高,其宽度随着内容增加,高度随字体大小而改变,内联元素可以设置外边界,但是外边界不对上下起作用,只能对左右起作用,也可以设置内边界,但是内边界在ie6中不对上下起作用,只能对左右起作用
转换的方式是用css的display属性 display:block; /*转换为块级*/ display:inline; /*转换为行内*/ 还有一种是display:inline-block; /* 其实仍未行内元素,但是可以设置width及height属性等*/
布局
静态布局:意思就是不管浏览器尺寸具体是多少,网页布局就按照当时写代码的布局来布置; 自适应布局:就是说你看到的页面,里面元素的位置会变化而大小不会变化; 流式布局:你看到的页面,元素的大小会变化而位置不会变化——这就导致如果屏幕太大或者太小都会导致元素无法正常显示。 自适应布局:每个屏幕分辨率下面会有一个布局样式,同时位置会变而且大小也会变。
相关文章推荐
- css中margin和padding的用法
- 《CSS权威指南(第三版)》---第四章 值和单位
- css3隔行变换色实现示例
- CSS3/SVG clip-path路径剪裁遮罩属性简介
- 纯CSS画的基本图形(矩形、圆形、三角形、多边形、爱心、八卦等)
- CSS和SVG中的剪切——clip-path属性和<clipPath>元素
- 《CSS权威指南(第三版)》---第三章 结构和层叠
- css层叠选择
- css3的nth-child和:nth-of-type之间的差异
- CSS书写顺序
- css 优先级
- 几种解决position:fixed 抖动的方法
- 【C#】解决devexpress新建的Form窗体没有继承默认样式的问题
- 常用css属性
- 《CSS权威指南(第三版)》---第二章 选择器
- CSS的一些简单概念
- 《CSS权威指南(第三版)》---第一章 CSS和文档
- statusbar 样式
- 兼容各个浏览器css背景颜色半透明
- JS修改CSS的三种方式