CSS
文章平均质量分 64
yanhui1212
这个作者很懒,什么都没留下…
展开
-
CSS 设置水平居中 垂直居中
水平居中一:行内元素 文本 图片等 在其父元素中设置:text-align:center;二:块元素 1:定宽块元素 设置:width:固定值。;margin-left:auto;margin-right:auto; 2:不定宽元素 方法1:为需要设置为居中的元素外加一个tab...原创 2015-05-14 10:22:00 · 90 阅读 · 0 评论 -
CSS 块级元素 行级元素 盒子模型
W3C标准: 由万维网联盟制定的一系列标准,包括: 结构化标准语言(HTML 和 XML) 表现标准语言(CSS) 行为标准语言(DOM和ECMAScript) 其倡导的是:结构、样式及行为分离。 块级元素:独占一行,从左到右撑满页面,触碰到页面边缘时,自动换行 ...原创 2015-05-14 13:58:34 · 209 阅读 · 0 评论 -
CSS float
CSS规定的定位机制有三种,分别是标准文档流(Normal flow)、浮动(Float)及绝对定位(Absolute position)。 标准文档流: 特点: 从上到下,从左到右,输出文档内容。 由块级元素和行级元素组成。 CSS包含3种基本的布局模型:Flow、Layer和Float。 在网页中,元素有三种布局模...原创 2015-06-03 17:03:49 · 101 阅读 · 0 评论 -
CSS postion 相对定位、绝对定位、固定定位
绝对定位布局,通过设置position属性实现 position属性 拥有3种定位形式:1.静态定位 2.相对定位 3.绝对定位 4个属性值:static(静态定位),relative(相对定位) ,absolute(绝对定位) ,fixed(固定定位)(也属于绝对定位) 相对定位: 特点: ...原创 2015-06-08 17:25:39 · 363 阅读 · 0 评论 -
CSS Sprite 雪碧图使用场景 学习笔记
雪碧图的使用范围: 1:静态图片,不随用户信息的变化而变化; 2:小图片,图片容量比较小; 3:加载量比较大; 雪碧图作用: 1:有效的减少http请求数量; 2:加速内容显示; CSS Sprite 实现原理: 通过css background-position来控制 ...原创 2015-06-15 16:56:45 · 182 阅读 · 0 评论