html css布局之类的问题真的让人很头疼,以前总逃避,但现在和以后的页面设计恐怕都得自己亲自上阵了,把它们彻底弄明白真的非常必要了,下面会持续的更新总结。
首先,html有两种类型的元素,行内元素和块级元素,行内元素之间可以共处一行,块级元素则单独享有一行,典型的行内元素有 a标签,块级元素有div,当然行内元素和块级元素可以通过设置display属性或是float属性相互转换。
现在总结了些html元素的默认属性,真的很重要!!!
1、行内元素默认下,它们之间共处一行,而块级元素则单独享有一行的空间
2、块级元素不设置width属性时,默认跟父元素的宽度一致,而高度由包含的内容的高度决定。
3、所有元素的边框样式默认为 border-style:none,这样尽管设置了border-width,其宽度在效果上实际还是0
4、margin 的默认值是 0,所以如果没有为 margin 声明一个值,就不会出现外边距。但是,在实际中,浏览器对许多元素已经提供了预定的样式,外边距也不例外。例如,在支持 CSS 的浏览器中,外边距会在每个段落元素的上面和下面生成“空行”。因此,如果没有为 p 元素声明外边距,浏览器可能会自己应用一个外边距。当然,只要你特别作了声明,就会覆盖默认样式。
5、行内元素的margin-top,margin-bottome,padding-top,padding-bottom默认下不起作用,除非将此元素设置为浮动,或者设置display属性为block.
6、默认情况下定位元素(包括相对定位和绝对定位)永远都会覆盖在文档流对象上(ie6以下除外),可以设置z-index来修改。另外,z-index只有跟定位元素才能起作用(position的值为非static)
分享到:
相关推荐
html元素一般分为块元素和行内元素 (1)块级元素 div p h1-h6 ul ol li ①独占一行 ②宽度 高度 外边距 内边距都可控制 ③宽度默认是容器(父级元素)100%的宽度 ④是一个容器及盒子 里面看可以放行内或块级...
选取属性值中包含指定内容的元素 兄弟元素选择器 选取后一个兄弟元素 前一个 + 后一个 选取后边所有的兄弟元素 前一个 ~ 后边所有 子元素的伪类 :first-child 寻找父元素的第一个子元素,在所有的子元素...
display 属性是用于控制布局的最重要的 CSS 属性。display 属性规定是否/如何显示元素。每个 HTML 元素都有一个默认的 display 值,具体取决于它的元素类型。大多数元素的默认 display 值为 block 或 inline。
此元素将显示为行内元素(行内元素默认的display属性值)。 此元素将显示为块元素(块元素默认的display属性值)。 此元素将显示为行内块元素,可以对其设置宽高和对齐等属性,但是该元素不会独占一行。 此元素将被...
在HTML5中,经常会通过为video元素添加宽高的方式给视频预留一定的空间,这样浏览器在加载页面时就会预先确定视频的尺寸,为其保留合适的空间,使页面的布局不产生变化。 通过元素自身属性控制 例:加载一个视频并...
CSS 属性参考 CSS 长度单位参考 其他参考 命令标识符 缺省行为参考 htc 行为参考 可视化滤镜和切换参考 HTML+TIME参考 网页矢量图形标记语言 HTML 应用程序 技巧 语言代码 颜色表 --------------------...
”来改变按钮在iPhone下的默认风格,其实我们可以反过来思路,使用“appearance”属性,来改变任何元素的浏览器默认风格,简单的说,你可以使用“appearance”属性将“段落p”渲染成button的风格,也可以渲染成...
特点:将css样式定义在HTML标记中 语法: 样式声明:用样式属性和值组成(属性:值;) 常用的样式属性: 1.颜色 属性 :color 颜色 取值:颜色英文名 2.背景颜色 属性:background 取值 :颜色 3.设置...
height属性设置元素的高度。注意: height属性不包括填充,边框,或页边距!本文章向码农介绍CSS 高度height 的使用方法和基本实例,需要的css码农可以参考一下。 css height高度简介 这里的CSS高度是指通过CSS来...
默认堆叠顺序与父元素相等。 number 设置元素的堆叠顺序,可为负值。 说明 注意:z-index属性仅对定位元素有效。 语法格式 z-index: auto | ; z-index层叠等级属性 示例:设置相对定位的盒子z-index层叠等级依次降低 ...
重置默认样式。HTML中绝大部分标签元素在网页显示中都有一个默认属性值,通常为了避免重复定义元素样式,需要进行重置默认样式(CSS Reset)
绝对定位元素盖住链接或添加某事件handle的元素后,那么该链接的默认行为(页面跳转)或元素事件将不会被触发。 现在Firefox3.6+/Safari4+/Chrome支持一个称为pointer-events的css属性。使用该属性可以决定是否能...
我在HTML下的默认样式中讲到,一些标签元素在HTML下有一个默认属性值,我们在写css页面的时候,为了避免在css中重复定义它们,我们需要重置默认样式(css reset)。
1.3 标签:元素、属性、值及其他 4 1.4 网页的文本内容 7 1.5 链接、图像和其他非文本内容 8 1.6 文件名和文件夹名 9 1.7 URL 10 1.8 HTML:有含义的标记 13 1.9 浏览器对网页的默认显示效果 16...
CSS 属性参考 CSS 长度单位参考 其他参考 命令标识符 缺省行为参考 htc 行为参考 可视化滤镜和切换参考 HTML+TIME参考 网页矢量图形标记语言 HTML 应用程序 技巧 语言代码 颜色表 --------------------...
大家都知道每个浏览器对HTML元素渲染都不一样,比如说button,在chrome和ff中,渲染出来的效果...这样一来就有了今天这个思路,利用浏览器的对元素的默认渲染风格,我们可以使用appearance属性对任何元素的渲染风格改变
不同浏览器元素的默认属性有所不同,使用Reset可重置浏览器元素的一些默认属性,以达到浏览器的兼容。但需要注意的是,请不要使用全局Reset: ? *{ margin:0; padding:0; } 这不仅仅因为它是缓慢和低效率的方法...
每一个元素都是文档树的一部分,除了最顶级的HTML元素,每个元素都有其对应的父级元素,每一个父级元素的CSS属性值都可以被应用到它的子元素中去。 举个栗子,H1标签包含着一个EM标签: EM就是H1标签的子元素,任何...