摘要: 在网页中的颜色设置是非常重要,有字体颜色(color)、背景颜色(background-color)、边框颜色(border)等,设置颜色的方法也有很多种: 1、英文命令颜色 前面几个小节中经常用到的就是这种设置方法: 2、RGB颜色 这个与 photoshop 中的 RGB 颜色是一致的,由 R( 阅读全文
posted @ 2016-03-24 11:52 庾与熊掌 阅读(169) 评论(0) 推荐(0) 编辑
摘要: 在网页中,元素有三种布局模型:1、流动模型(Flow)2、浮动模型 (Float)3、层模型(Layer) 先来说一说流动模型,流动(Flow)是默认的网页布局模式。也就是说网页在默认状态下的 HTML 网页元素都是根据流动模型来分布网页内容的。 流动布局模型具有2个比较典型的特征: 第一点,块状元 阅读全文
posted @ 2016-03-24 10:59 庾与熊掌 阅读(130) 评论(0) 推荐(0) 编辑
摘要: 盒模型宽度和高度和我们平常所说的物体的宽度和高度理解是不一样的,css内定义的宽(width)和高(height),指的是填充以里的内容范围。 因此一个元素实际宽度(盒子的宽度)=左边界+左边框+左填充+内容宽度+右填充+右边框+右边界。 元素的高度也是同理。 比如: css代码: html代码: 阅读全文
posted @ 2016-03-23 21:31 庾与熊掌 阅读(170) 评论(0) 推荐(0) 编辑
摘要: 1、特殊性 权值 有的时候我们为同一个元素设置了不同的CSS样式代码,那么元素会启用哪一个CSS样式呢?我们来看一下面的代码: p和.first都匹配到了p这个标签上,那么会显示哪种颜色呢?green是正确的颜色,那么为什么呢?是因为浏览器是根据权值来判断使用哪种css样式的,权值高的就使用哪种cs 阅读全文
posted @ 2016-03-22 11:29 庾与熊掌 阅读(6858) 评论(0) 推荐(0) 编辑
摘要: div、h1 或 p 元素常常被称为块级元素。这意味着这些元素显示为一块内容,即“块框”。与之相反,span 和 strong 等元素称为“行内元素”,这是因为它们的内容显示在行中,即“行内框”。 您可以使用 display 属性改变生成的框的类型。这意味着,通过将 display 属性设置为 bl 阅读全文
posted @ 2016-03-21 12:08 庾与熊掌 阅读(10070) 评论(0) 推荐(0) 编辑
摘要: 一、简介 CSS的 position 属性设置元素的定位方式,为将要定位的元素定义定位规则。该属性对脚本编写动画特效十分有用。 1、定位元素(positioned element)是计算后位置属性分为: relative(相对)、absolute(绝对) 、 fixed(固定) 或 sticky ( 阅读全文
posted @ 2016-03-21 11:44 庾与熊掌 阅读(891) 评论(0) 推荐(0) 编辑