摘要: 定位 一)元素的定位属性 元素的定位属性主要包括定位模式和边偏移两部分。 1.边偏移 top、bottom、left、right,分别是元素父元素各个位置边线距离。 当然每次只能使用其中两个,比如top,left。 2.定位模式 在CSS中,position属性用于定义元素的定位模式,语法:posi 阅读全文
posted @ 2019-06-16 21:30 Shadowplay 阅读(302) 评论(0) 推荐(0)
摘要: 版心和布局流程 版心:是指网页种主体内容所在的区域,一般在浏览器窗口中水平居中显示,常见的宽度值为960px、980px、1000px、1200px等。 布局流程: 1)确定页面的版心; 2)分析页面中的行模块,以及每个行模块中的列模块; 3)制作html结构; 4)CSS初始化,然后开始运用盒子模 阅读全文
posted @ 2019-06-16 21:26 Shadowplay 阅读(1807) 评论(0) 推荐(0)
摘要: 浮动 CSS的定位机制有3种:普通流(标准流)、浮动和定位。 一)普通流(normal flow) 一个网页内标签元素正常从上到下,从左到又排列。 二)浮动(float) 为什么要用浮动:可以让多个盒子在一行显示。 体会浮动: 什么是浮动? 元素的浮动是指设置了浮动属性的元素会脱离标准普通流的控制, 阅读全文
posted @ 2019-06-16 21:25 Shadowplay 阅读(332) 评论(0) 推荐(0)
摘要: 盒子模型 其实,css就三大模块:盒子模型、浮动、定位,其余的都是细节。这三大模块必须学得很精通。 网页布局的本质:把网页元素比如文字图片等,放入盒子里面,然后利用CSS摆放盒子的过程,就是网页布局。 1.盒子的边框(border) 语法: border-width:边框的粗细 boder-styl 阅读全文
posted @ 2019-06-16 21:18 Shadowplay 阅读(442) 评论(0) 推荐(0)
摘要: CSS三大特性 一)层叠性 一般情况下,如果出现样式冲突,则会安装CSS的书写顺序,以最后的样式为准。就近原则。 二)继承性 子标签会继承父标签的某些样式。text、font、line以及color的样式都可以继承。 三)优先级 *|继承(0000) < 标签(0001) < class(0010) 阅读全文
posted @ 2019-06-16 21:16 Shadowplay 阅读(129) 评论(0) 推荐(0)
摘要: 标签显示模式 一)块级元素(block-level) 每个块级元素都会独自占一行或者多行,可以对其设置宽度(默认是容器的100%)、高度及对齐等, 可以容纳内联元素或者其他块元素(p、h1不要包裹其他块级元素)。 典型的又:div、table、ul、p、h1等。 二)内联元素(inline-leve 阅读全文
posted @ 2019-06-16 21:15 Shadowplay 阅读(224) 评论(0) 推荐(0)