css小基础
diligentkong
分享是最好的学习方式!
展开
-
css特性之继承性
继承性通俗的讲:给父元素设置一些属性,其子元素也可以使用,子元素可以继承父元素的属性。 下面看例子说明:<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style> div{ color: red;原创 2017-01-09 14:21:47 · 791 阅读 · 0 评论 -
css层叠性,优先级问题
层叠性:就是css处理冲突的能力。层叠性是一种能力 层叠性的应用是 当多个选择器描述了同一个属性的时候,这个属性到底应该听谁的? 先举个栗子:<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css">原创 2017-01-10 10:34:27 · 1133 阅读 · 1 评论 -
CSS标准文档流
标准文档流说白了就是一个“默认”状态。文档流指的是元素排版布局过程中,元素会自动从左往右,从上往下的流式排列。并最终窗体自上而下分成一行行,并在每行中从左至右的顺序排放元素。标准流的微观现象:(1).空白折叠现象。比如,如果我们想让img标签之间没有空隙,必须紧密连接。<img src="img/00.jpg"/><img src="img/02.jpg"/>(2)高矮不齐,底边对齐 (3)自动换原创 2017-01-10 13:07:06 · 8402 阅读 · 2 评论 -
CSS浮动
浮动浮动是css里面布局用的最多的属性。 float常跟属性值left、right、none float:none 不使用浮动 float:left 靠左浮动 float:right 靠右浮动 在上篇文章中,我已经明确说明过,用标准流是做不出网页效果的。做网页就要考虑网页的布局,而无论多么复杂的布局,其基本的出发点均是“如何在一行显示多个div”,这就要用到浮动。浮动简单的理解为让某个di原创 2017-01-10 16:02:16 · 697 阅读 · 0 评论 -
css:position以及z-index属性
css定位语法 position : static | absolute | fixed | relative 说明: 从上面语法可以看出,定位分为静态(static),绝对定位(absolute),固定(fixed),相对定位(relative)。其中最常用也是最实用的两个定位方法:绝对定位(absolute)、相对定位(relative),我会重点介绍一下。1.position:stat原创 2017-01-23 12:24:37 · 4835 阅读 · 1 评论