html5新定义了8个元素全部都是块元素 header, section, footer, aside, nav, main, article, figure { display: block; } 为html添加新元素 html支持定义任何标签 html5shiv 解决IE6-不支持html5自定 ...
分类:
Web程序 时间:
2016-10-29 07:53:26
阅读次数:
195
1、IE6怪异解析之padding与border算入宽高 原因:未加文档声明造成非盒模型解析 解决方法:加入文档声明<!doctype html> 2、IE6在块元素、左右浮动、设定marin时造成margin双倍(双边距) 解决方法:display:inline 3、以下三种其实是同一种bug,其 ...
分类:
其他好文 时间:
2016-10-28 15:18:05
阅读次数:
272
浮动 Float: left | right 特点: ◆浮动的元素不占位置(脱标) ◆可以将行内元素转化为行内块元素 ◆块级元素在一行上显示 ◆置了浮动的元素,影响其后面的元素 作用: ◆解决文字图片环绕问题 ◆制作网页导航栏 ◆网页布局 清除浮动: 清除浮动的影响。 定位 position:sta ...
分类:
Web程序 时间:
2016-10-26 19:33:32
阅读次数:
232
2016-10-22 《css入门经典》第6章 1.每个HTML元素对应于一个显示盒子,但不是所有的元素都显示在屏幕上。 2.HTML元素显示为CSS显示盒子的真正方法称为“可视格式化方式”。可视格式化方式告诉浏览器应该如何在屏幕上显示HTML内容。 3.元素类型: (1)块元素(block):以新 ...
分类:
Web程序 时间:
2016-10-22 17:26:42
阅读次数:
187
前言 关于布局与定位是Web前端开发里非常基础而又重要的部分。介绍相关知识的文章,很容易就可以找到。虽然,这方面的知识点不是很多,但我们如果不弄清楚,在运用时候往往会出现预料之外的布局,这些“意外”有时候很令人苦恼。下面根据我的学习和编程经验来谈一下这方面的要点。 要想完美的实现自己的布局,那首先一 ...
分类:
Web程序 时间:
2016-10-22 14:07:51
阅读次数:
156
昨天项目,一直出现一个无法居中的问题,最后发现竟然是text-align的问题,才发现自己对text-align的理解还是不够透彻,于是在此再举例分析下。 css中的元素一共有三类:块元素、行内块和内联元素。 三者的区别就是: 块元素可以设置宽高,会独占一行; 行内块拥有块元素的所有特性,除了无法独 ...
分类:
其他好文 时间:
2016-10-20 17:39:20
阅读次数:
179
Markdown学习笔记一、Markdown介绍Markdown是一种兼容HTML的书写语言。要在Markdown中使用HTML语法,有以下要求:必须在区块元素(div,table,pre,p等)的开标签前和闭标签后用空行与其他内容隔开;开闭标签不能用tab或者空格缩进。二、Markdown语法标题使用‘#‘来标示标题,‘#‘..
分类:
其他好文 时间:
2016-10-19 14:29:45
阅读次数:
131
postion:relative是子块级元素面向父级元素的相对定位,定位关键字使用left/right/top/bottom。兄弟块元素之间相对进行定位,但是position移动后,原位置依然保留。而且随后的兄弟块元素定位基于被移走前的位置。 float:right/left是子块级元素流集合面向父 ...
分类:
Web程序 时间:
2016-10-17 14:23:19
阅读次数:
165
一、首先你要知道什么情况下会触发:两个或多个毗邻的普通流中的块元素垂直方向上的 margin 会折叠1.两个或多个说明其数量必须是大于一个,又说明,折叠是元素与元素间相互的行为,不存在 A 和 B 折叠,B 没有和 A 折叠的现象。2.毗邻是指没有被非空内容、padding、border 或 cle ...
分类:
Web程序 时间:
2016-10-16 11:47:50
阅读次数:
154
1.使用浮动时出现的情况: (1)使块元素在一行显示 (2)使内嵌元素支持宽高 (3)不设置宽高的时候宽度由内容撑开 (4)换行不被解析(故使用行内元素的时候清除间隙的方法可以使用浮动) (5)元素添加浮动,会脱离文档流,按照指定的一个方向移动,直到碰到父级的边框或者另外一个浮动元素停止(文档流是文 ...
分类:
Web程序 时间:
2016-10-15 16:20:58
阅读次数:
151