`

html css中的一些元素的默认属性

阅读更多

         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)

分享到:
评论

相关推荐

    Web前端与移动开发之复合选择器 css元素显示模式 背景属性.txt

    html元素一般分为块元素和行内元素 (1)块级元素 div p h1-h6 ul ol li ①独占一行 ②宽度 高度 外边距 内边距都可控制 ③宽度默认是容器(父级元素)100%的宽度 ④是一个容器及盒子 里面看可以放行内或块级...

    前端css+html+布局笔记

    选取属性值中包含指定内容的元素 兄弟元素选择器 选取后一个兄弟元素 前一个 + 后一个 选取后边所有的兄弟元素 前一个 ~ 后边所有 子元素的伪类 :first-child 寻找父元素的第一个子元素,在所有的子元素...

    HTML之CSS 布局 - display 属性

    display 属性是用于控制布局的最重要的 CSS 属性。display 属性规定是否/如何显示元素。每个 HTML 元素都有一个默认的 display 值,具体取决于它的元素类型。大多数元素的默认 display 值为 block 或 inline。

    HTML5&CSS3网页制作:元素的转换.pptx

    此元素将显示为行内元素(行内元素默认的display属性值)。 此元素将显示为块元素(块元素默认的display属性值)。 此元素将显示为行内块元素,可以对其设置宽高和对齐等属性,但是该元素不会独占一行。 此元素将被...

    HTML5&CSS3网页制作:CSS控制视频的宽高.pptx

    在HTML5中,经常会通过为video元素添加宽高的方式给视频预留一定的空间,这样浏览器在加载页面时就会预先确定视频的尺寸,为其保留合适的空间,使页面的布局不产生变化。 通过元素自身属性控制 例:加载一个视频并...

    html参考手册+CSS参考手册+html资源等12个文件.rar

    CSS 属性参考 CSS 长度单位参考 其他参考 命令标识符 缺省行为参考 htc 行为参考 可视化滤镜和切换参考 HTML+TIME参考 网页矢量图形标记语言 HTML 应用程序 技巧 语言代码 颜色表 --------------------...

    使用CSS3的appearance属性改变任何元素的浏览器默认风格

    ”来改变按钮在iPhone下的默认风格,其实我们可以反过来思路,使用“appearance”属性,来改变任何元素的浏览器默认风格,简单的说,你可以使用“appearance”属性将“段落p”渲染成button的风格,也可以渲染成...

    css入门笔记

    特点:将css样式定义在HTML标记中 语法: 样式声明:用样式属性和值组成(属性:值;) 常用的样式属性: 1.颜色 属性 :color 颜色 取值:颜色英文名 2.背景颜色 属性:background 取值 :颜色 3.设置...

    深入理解CSS height属性设置元素的高度

    height属性设置元素的高度。注意: height属性不包括填充,边框,或页边距!本文章向码农介绍CSS 高度height 的使用方法和基本实例,需要的css码农可以参考一下。 css height高度简介 这里的CSS高度是指通过CSS来...

    HTML5&CSS3网页制作:zindex层叠等级属性.pptx

    默认堆叠顺序与父元素相等。 number 设置元素的堆叠顺序,可为负值。 说明 注意:z-index属性仅对定位元素有效。 语法格式 z-index: auto | ; z-index层叠等级属性 示例:设置相对定位的盒子z-index层叠等级依次降低 ...

    reset1.css

    重置默认样式。HTML中绝大部分标签元素在网页显示中都有一个默认属性值,通常为了避免重复定义元素样式,需要进行重置默认样式(CSS Reset)

    css中pointer-events属性详解

    绝对定位元素盖住链接或添加某事件handle的元素后,那么该链接的默认行为(页面跳转)或元素事件将不会被触发。 现在Firefox3.6+/Safari4+/Chrome支持一个称为pointer-events的css属性。使用该属性可以决定是否能...

    CSS RESET个人总结

    我在HTML下的默认样式中讲到,一些标签元素在HTML下有一个默认属性值,我们在写css页面的时候,为了避免在css中重复定义它们,我们需要重置默认样式(css reset)。

    HTML5与CSS3基础教程(第8版)高清文字

    1.3 标签:元素、属性、值及其他 4 1.4 网页的文本内容 7 1.5 链接、图像和其他非文本内容 8 1.6 文件名和文件夹名 9 1.7 URL 10 1.8 HTML:有含义的标记 13 1.9 浏览器对网页的默认显示效果 16...

    网页制作完全手册(HTML/CSS) 参考

    CSS 属性参考 CSS 长度单位参考 其他参考 命令标识符 缺省行为参考 htc 行为参考 可视化滤镜和切换参考 HTML+TIME参考 网页矢量图形标记语言 HTML 应用程序 技巧 语言代码 颜色表 --------------------...

    使用CSS3的appearance属性改变元素的外观的方法

    大家都知道每个浏览器对HTML元素渲染都不一样,比如说button,在chrome和ff中,渲染出来的效果...这样一来就有了今天这个思路,利用浏览器的对元素的默认渲染风格,我们可以使用appearance属性对任何元素的渲染风格改变

    高效整洁CSS代码原则

     不同浏览器元素的默认属性有所不同,使用Reset可重置浏览器元素的一些默认属性,以达到浏览器的兼容。但需要注意的是,请不要使用全局Reset: ? *{ margin:0; padding:0; }  这不仅仅因为它是缓慢和低效率的方法...

    举例详解CSS中的继承

    每一个元素都是文档树的一部分,除了最顶级的HTML元素,每个元素都有其对应的父级元素,每一个父级元素的CSS属性值都可以被应用到它的子元素中去。 举个栗子,H1标签包含着一个EM标签: EM就是H1标签的子元素,任何...

Global site tag (gtag.js) - Google Analytics