CSS读书笔记(2)- 布局

原创 2011年01月14日 22:30:00

CSS学习笔记
布局里重要的几个概念:
1,margin:空白边
2,padding:填充
3, border:边框
这几个属性控制了元素与其他元素的位置。

4, position:位置。
     absolute 绝对位置。相对于祖先节点永久保持的位置
     relative 相对位置,相对于上一个元素的位置
     fixed    固定位置,相对于整个页面,滚动时位置不变。
 left,top,right,bottom 位置相对的左上右下像素数。
5,float: 浮动,left ,right向左浮动还是向右浮动,关键是浮动带来的特殊效果,可以让其他元素的

内容围绕浮动元素,
6,clear 可以清理浮动带来的围绕效果。

总结:CSS是一种很严谨的语言,少一个“;”号就会出问题,得不到你想要的效果,所以要小心谨慎。

读书要深入去读,要反复读,带着思考读,边做实验边读,慢慢读,详细的读一遍之后再快速读一遍,

总结一下要点。只有这样,书中的知识才能更快的融会贯通,读一点,就要学到一点知识。读书绝对不

是越快越好。

CSS Grid布局(2)

Grid
  • tian361zyc
  • tian361zyc
  • 2017年06月16日 16:41
  • 253

css样式读书笔记

地址: http://www.w3school.com.cn/css/index.asp css样式 背景 背景色 背景图像 背景重复 背景定位 背景关联 小结 文本 缩进文本 水平对齐 字间隔 字...
  • lwei3600103
  • lwei3600103
  • 2017年01月12日 15:07
  • 360

css布局之浮动模型&&左右两栏自适应布局

一个元素浮动时,其他内容会“环绕”该元素,浮动元素要设置一个width。浮动元素会自动生成一个块级框(行内元素会转成块级元素)。浮动元素规则浮动元素不能超过包含它的块的左右内边界。 浮动元素之前...
  • shelly1072
  • shelly1072
  • 2017年02月28日 00:25
  • 1003

CSS读书笔记1

CSS 的语法规则是: selector {property:value;} selector 的解析规则是:从右到左,而声明部分是从左到右.eg:div#xxx;...
  • xiongzhengxiang
  • xiongzhengxiang
  • 2011年09月15日 09:45
  • 261

网页布局:CSS实现一列二列三列和混合布局

常见网站布局 网站常见的布局方式主要有一列布局,二列布局,三列布局和混合布局。 一列布局 效果图: 代码: CSS: body{margin:0;pad...
  • baochanghong
  • baochanghong
  • 2016年07月18日 21:05
  • 396

用CSS解决左右两块布局时,分界线跟随二者中高度大的变化

html中左右两块,用css解决如何显示二者中高度最大的border
  • qq348633040
  • qq348633040
  • 2017年03月03日 10:40
  • 359

css中flex:1弹性布局例子

#main { width: 220px; height: 300px; border: 1px solid black; display: -webkit-flex;...
  • disadministrator
  • disadministrator
  • 2017年01月19日 11:48
  • 1499

html5+css 三列布局

三列布局 body{ margin:0;
  • baidu_32731497
  • baidu_32731497
  • 2016年07月08日 22:51
  • 864

CSS各种常用布局

三列布局自适应,高度占满 注意高度占满用100%时要对html和body先设置height:100%;因为每个元素的100%都是取决于父元素相同属性值。 宽度自适可以使用flex或width使用33....
  • mzzzzq
  • mzzzzq
  • 2016年04月22日 11:17
  • 2903

阿里前端笔试题看 CSS布局与定位---实现2列自适应布局的几种方法

前端工程师三把斧,HTML,CSS,JavaScript 。其中css看似简单,其实真的要布局起来,仍然需要技巧。BAT中百度和阿里还是比较看重css布局能力,这次就以阿里巴巴2016年前端工程师笔试...
  • Cinderella_hou
  • Cinderella_hou
  • 2016年08月08日 20:22
  • 1677
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章: CSS读书笔记(2)- 布局
举报原因:
原因补充:

(最多只允许输入30个字)