htmlcss笔记--标签默认值样式重置css reset

1.<a>标签

  有默认文字修饰:下划线,

    去除:text-decoration:none;

      

     text-decoration属性值:

      none    默认。定义标准的文本。

      underline  定义文本下的一条线。

      overline    定义文本上的一条线。

      line-through 定义穿过文本下的一条线。

      blink    定义闪烁的文本。

      inherit   规定应该从父元素继承 text-decoration 属性的值。

2.<ul><ol>

  默认列表样式:list-style:none;

  有默认内外边距:margin:0;padding:0;

  

  <dl><dd>有默认外边距:margin:0;

  

3.body

  默认body有外边框,

  去除:body{margin:0;}

    

    p标签默认有上下外边距,(下外边距会跟其他块 的上边距叠压,叠压后的外边距是2者的最大值。)

    标题h1,h2,h3,h4,h5,h6,全部由默认外边框,

4.默认文字大小:

  页面上的文字大小不相同,比如<h1>标签(H1标签是指网页html中对文本标题所进行的着重强调的一种标签。不是用来改变字体大小的!!!),<ul>标签,<dl>等,

    去除:body{font-size:xpx;}统一规定。中文用的最小的文字大小:12px;

5.页面默认字体为宋体。

  font-family;

6.a包起来的图片,在ie6下回多出来一圈border边框。

    img{border:none;}

汇总:

<style>

  body.p,h1,h2,h3,h4,h5,h6,dl,dd{margin:0;font-size:12px;font-family:XX;}

  ol,ul{list-style:none;padding:0;margin:0;}

  img{border:none;}

  a{text-decoration:none;}

</style>

时间: 2024-10-11 07:17:42

htmlcss笔记--标签默认值样式重置css reset的相关文章

htmlcss笔记--标签默认值样式重置css reset(2)

1.内联,内嵌,行内元素: 默认可以继续跟同类型标签显示: 由内容撑开宽度,内容多宽,会有多宽: span,内嵌标签部支持宽高,即使加了宽高也不支持, 也不支持上下内外边距,但是支持左右内外边距:内上下边距会影响背景颜色(但不会撑开距离,不会把后其他元素往下挤开,但会在显示出背景) 内嵌代码换行会被解析为空格,块级不会. 块级元素: 默认独占一行显示: 没有宽度时,默认撑满一排,父级有多宽撑满多宽, 2.display:block;显示为块: display:inline:显示为内嵌 改变基本特

样式重置 css reset

新浪的初始化: 1 html,body,ul,li,ol,dl,dd,dt,p,h1,h2,h3,h4,h5,h6,form,fieldset,legend,img { 2 margin: 0; 3 padding: 0 4 } 5 fieldset,img { 6 border: 0 7 } 8 img { 9 display: block 10 } 11 address,caption,cite,code,dfn,th,var { 12 font-style: normal; 13 font

默认样式重置 (css reset)

---恢复内容开始--- body,p,h1,h2,h3,h4,h5,h6,dl,dd{margin:0; font-size:12px;/* font-family:XX; */}ol,ul{list-style:none;padding:0;margin:0;}a{text-decoration:none;}img{border:none;} *{margin:0;padding:0} 影响性能,比如div没有默认的margin以及padding,重置所有标签影响性能 ---恢复内容结束--

HTML CSS标签类型转换、样式重置 、前段规范

HTML CSS 基础 标签默认值样式重置: (css reset)包含: body,p,h1,h2,h3,h4,h5,h6,dl,dd外边距 字体 ol,ul,a,img等标签的默认值样式重置 用群组进行重置 标签基本特性和转换 块和内嵌的特性及区别: 内联,内嵌,行内属性标签: 1.默认同行可以继续跟同类型标签 2.内容撑开宽度 3.不支持宽高 4.不支持上下的margin和padding 5.代码换行被解析 快属性: 1.默认独占一行显示 2.没有宽度时,默认撑满一排 display:bl

重置浏览器的默认样式(css reset)

(1)定义:首先css reset指的是重置浏览器的默认样式 (2)作用:因为现在的浏览器很多,并且每个浏览器都有自己的默认样式,这样就会导致一个页面在多个浏览器下展示产生差异,所以我们需要做一些处理使每个浏览器下展示一致,故需要css reset (3)内容:第一个:*{padding:0;margin:0;border:0;}第二个:你所用到的元素{padding:0;margin:0;border:0;},然而第一个虽然写起来简单,但是它却会将所有的标签重置,而我们可能没有必要将那么多的元

关于css reset

什么叫做css reset呢?即重置css,也就是重置默认样式.一些标签元素在HTML下有一个默认属性值,我们在写css页面的时候,为了避免在css中重复定义它们,我们需要重置默认样式(css reset). 以前使用最多*{margin:0;padding:0},但其格式化太严重,慢慢被废弃. 个人认为:应根据需求,量体裁衣. /* reset */html{color:#000;background:#fff;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h

Normalize.css与CSS reset区别

Normalize.css 只是一个很小的CSS文件,但它在默认的HTML元素样式上提供了跨浏览器的高度一致性.相比于传统的CSS reset,Normalize.css是一种现代的.为HTML5准备的优质替代方案.Normalize.css现在已经被用于Twitter Bootstrap.HTML5 Boilerplate.GOV.UK.Rdio.CSS Tricks 以及许许多多其他框架.工具和网站上. Normalize.css 项目地址 Normalize.css 在GitHub上的源码

CSS重置标签默认样式

CSS重置标签默认样式:建议:尽可能的手写代码,可以有效的提高学习效率和深度.在默认情况下,很多标签都有自带的属性,例如body自带有margin.ul有自带的padding.h1-h6的字体大小各部相同.li前面带有的小圆圈等等.这些自带的默认属性会给实际的布局中带来不少的麻烦,我们可以再样式表的开始就重置这些默认的属性.实例如下: <!DOCTYPE html> <html> <head> <meta charset=" utf-8">

css部分样式整理-特殊字体格式、导航栏固定、块级元素与行内元素、html 元素的margin与padding默认值、css样式优先级概括等

1.一些特殊字体样式: 首行缩进2字符:{text-indent:2em;} 水平居中:{text-align:center;} 两端对齐:{text-align:justify;} 垂直居中:{vertical-align: middle;} 字间距2字符:{letter-spacing:2em;} 行间距2倍:{line-height:2;}     2.导航栏固定在页面某处(相对于<body>):     {position:fixed;left:  px;top:  px;}  3.块